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.
iconAlignmentIconAlignmentDetermines the alignment of the icon within the widgets. Defaults to IconAlignment.start.
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!"
}
}