Skip to main content

Basic Button

As the most basic button, it clearly defines an area and text to guide user actions.

basic_anatomy.svg

1. Root : The topmost container area that wraps the button
2. Label: Button label
3. Icon(Prefix) : Icon area that visually elaborates the Label
4. Icon(Suffix) : Icon area that visually illustrates the label



States

StateValueDescription
PressedBooleanSwitches to True when in a clicked state via touch
DisabledBooleanIf True, the Button is in a non-controllable state
LoadingBooleanIf True, the Button shows a loader and switches to a non-controllable state

basic_state.svg



Properties

StateValueDescription
PressedBooleanSwitches to True when in a clicked state via touch
DisabledBooleanIf True, the Button is in a non-controllable state
LoadingBooleanIf True, the Button shows a loader and switches to a non-controllable state

basic_hierarchy.svg
basic_size.svg