TextButton - Stac

The Stac Text Button allows you to build a Flutter text button widget using JSON. To know more about the text button widget in Flutter, refer to the official documentation.

Properties

Property	Type	Description
onPressed	`StacAction`	The callback that is called when the button is tapped.
onLongPress	`StacAction`	The callback that is called when the button is long-pressed.
onHover	`StacAction`	The callback that is called when the button is hovered over.
onFocusChange	`StacAction`	The callback that is called when the button’s focus changes.
style	`StacButtonStyle`	The style to apply to the button.
autofocus	`bool`	Whether the button should be focused when the page is loaded. Defaults to `false`.
clipBehavior	`StacClip`	Determines how the content should be clipped. Defaults to `Clip.none`.
isSemanticButton	`bool`	Determine whether this subtree represents a button. Defaults to `true`.
child	`StacWidget`	The widget to display inside the button.

Example

Dart
JSON
Preview

StacTextButton(
  onPressed: StacNoneAction(),
  style: StacButtonStyle(
    backgroundColor: StacColors.amber,
    foregroundColor: StacColors.black,
  ),
  autofocus: false,
  clipBehavior: StacClip.none,
  child: StacText(data: 'Click Me!'),
)

{
  "type": "textButton",
  "onPressed": {},
  "onLongPress": {},
  "onHover": {},
  "onFocusChange": {},
  "style": {
    "backgroundColor": "#FFC107",
    "foregroundColor": "#000000"
  },
  "autofocus": false,
  "clipBehavior": "none",
  "child": {
    "type": "text",
    "data": "Click Me!"
  }
}