ElevatedButton - Stac

The Stac Elevated Button allows you to build a Flutter elevated button widget using JSON. To know more about the elevated 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`.
child	`StacWidget`	The widget to display inside the button.

Example

Dart
JSON
Preview

StacElevatedButton(
  onPressed: StacNoneAction(),
  onLongPress: StacNoneAction(),
  style: StacButtonStyle(
    backgroundColor: 'primary',
    foregroundColor: StacColors.white,
  ),
  autofocus: false,
  clipBehavior: StacClip.none,
  child: StacText(data: 'Click Me!'),
)

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