OutlinedButton

The Stac Outlined Button allows you to build a Flutter outlined button widget using JSON. To know more about the outlined 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

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

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

NetworkWidget PageView

Layout Widgets

Display Widgets

Interactive Widgets

Data Widgets

OutlinedButton

Properties

Example

​Properties

​Example

Properties

Example