zero.appdocs
Docs/Presentations/Button

Button

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType Text OnClick

Properties

PresentationType string required
Button indicates a standard button with a clickable surface and visual feedback, while TextButton represents a button that appears as simple text without any background or borders, typically used for less
Allowed Button TextButton
Text string required
The text content to be displayed on the button
Default "title"
OnClick composed required
OnClick represents the configuration for handling events when the button is clicked, a way to define actions or behaviors in response to user interaction with the button.
Ref Actions / Action / 1.0
Color string optional
Color of text within button and supports color names, primary color ('primary'), or hash codes
Icon string optional
Icon supports Font Awesome icons, allowing for the display of icons within the button widget
IconSize number optional
Size of an icon in pixel
Default 16
FontWeight string optional
Defines the weight of font default is normal. Default is 'normal' (FontWeight.w400)
Default "normal"
Allowed w100 w200 w300 normal w500 w600 bold w800 w900
Padding number optional
The padding around the button content in pixel
Default 15
FontSize number optional
The font size of the text
Default 16
FontFamily string optional
The font family of the text
Default "DefaultUIFont"
BorderColor string optional
The color of buttons border
Default "transparent"
BorderWidth number optional
Width of buttons border in pixels
Default 1
LabelHorizontal boolean optional
A boolean value indicating whether the button's Icons horizontally.
Default true
BorderRadius number optional
Radius for buttons corners
Default 0
BackgroundColor string optional
The background color of the button
Default "transparent"
ForegroundColor string optional
The Foreground color of the button
Default "transparent"
MainAxisAlignment string optional
The alignment of the button's content along the main direction it is moving.
Default "Start"
Allowed Start End Center SpaceBetween SpaceAround SpaceEvenly
CrossAxisAlignment string optional
The alignment of the button's contents perpendiculat to main direction.
Default "Start"
Allowed Start End Center Stretch Baseline
IsLabelHorizontal boolean optional
Determines wheather the label to be displayed horizontally or vertically.
Default true

Referenced contracts

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

Color
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "Color",
  "PresentationType": "ColorPicker"
}
BorderColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "BorderColor",
  "PresentationType": "ColorPicker"
}
BackgroundColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "BackgroundColor",
  "PresentationType": "ColorPicker"
}
ForegroundColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "ForegroundColor",
  "PresentationType": "ColorPicker"
}
MainAxisAlignment
"Select"
CrossAxisAlignment
"Select"