Skip to main content

​
ElevatedButton

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

PropertyTypeDescription
onPressedMap<String, dynamic>?The callback that is called when the button is tapped.
onLongPressMap<String, dynamic>?The callback that is called when the button is long-pressed.
onHoverMap<String, dynamic>?The callback that is called when the button is hovered over.
onFocusChangeMap<String, dynamic>?The callback that is called when the button’s focus changes.
styleStacButtonStyle?The style to apply to the button.
autofocusboolWhether the button should be focused when the page is loaded. Defaults to false.
clipBehaviorClipDetermines how the content should be clipped. Defaults to Clip.none.
childMap<String, dynamic>The widget to display inside the button.

​
Example JSON

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