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 onPress function that controls toggling the rating value and its state.

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


Did this page help you?