Buttons
Components that allow users to trigger actions on click.
Button Solid / Button Outline / Link
A basic button component that should render nicely on any platform. Available in following variants
- with solid background (Button Solid)
- with an outline (Button Outline)
- with no border or background/borderless (Link)
Configuration
Property | Description |
|---|---|
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to either Button Solid or Button Outline or Link depending on which button component selected. |
Icon | Allows you to select an icon from the icon picker to be displayed on the Button Solid/Outline (Icon will be on the left of the Label). |
Loading | Display a loading indicator in the button in lieu of the icon. |
Disabled | Removes button functionality and grays out the label and icon. |
To set the label on a Button, go to the Data tab from Properties Panel.
FAB
A FAB, or Floating Action Button, represents the primary action of the screen and is normally positioned above the rest of the screen's content.
Configuration
Property | Description |
|---|---|
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to FAB. |
Icon | Allows you to select an icon from the icon picker to be displayed on the FAB. |
Touchable
A wrapper component is used to make other components responsive to user touch. Useful for creating custom buttons or custom touchable containers.
Configuration
Property | Description |
|---|---|
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to Touchable. |
Icon Button
An icon button is a button that displays only an icon without a label.
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to Touchable. |
Icon | Allows you to select an icon from the icon picker to be displayed on the Icon Button. |
Size | Size of the icon. By default, the size is 32. |
Star Rating
A visual component to collect and display measurable feedback from app users.
Property | Description |
|---|---|
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to Star Rating. |
Field Name | Set the name of the field in the |
Star Size | The width and height of the star icons. |
Max Stars | The number of stars to display. |
Rating | The initial value of the component. |
Editable | Enable it to allow the app user to edit the star rating. |
Additional Resources
Updated 22 days ago