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"
Allowed DefaultUI DefaultMonospace Google:Inter Google:Roboto Google:Open Sans Google:Lato Google:Montserrat Google:Poppins Google:Nunito Google:Nunito Sans Google:Raleway Google:Work Sans Google:Rubik Google:Karla Google:Manrope Google:DM Sans Google:Outfit Google:Sora Google:Space Grotesk Google:Plus Jakarta Sans Google:Barlow Google:Cabin Google:Ubuntu Google:PT Sans Google:Fira Sans Google:Josefin Sans Google:Quicksand Google:Archivo Google:Noto Sans Google:Merriweather Google:Playfair Display Google:Lora Google:PT Serif Google:EB Garamond Google:Libre Baskerville Google:Crimson Text Google:Roboto Slab Google:Zilla Slab Google:Noto Serif Google:Oswald Google:Bebas Neue Google:Anton Google:Pacifico Google:Dancing Script Google:Caveat Google:Comfortaa Google:Righteous Google:Fira Code Google:JetBrains Mono Google:Roboto Mono Google:Source Code Pro Google:Space Mono Google:Inconsolata Google:Mukta Google:Hind Google:Noto Sans Devanagari
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"