Skip to content

ButtonItem

ButtonItem Properties

Property Type Required Default
Alignment enum No "Center"
ButtonType enum No "Text"
Enabled boolean No true
FullWidth boolean No false
Image Image No
ImagePosition enum No "Leading"
ImageSize ImageSize No
OnPress complex No
Semantic enum No "Tint"
Style string No
Styles object No
TextAlignment enum No "Center"
Title string No
Visible boolean No true
_Name string No
_Type const No

Alignment

Content of alignment of the button, will be ignored if layout type is horizontal

  • type: enum
  • default: "Center"

The value of this property must be one of the known values listed below.

Alignment Known Values

Value Description
Left
Right
Center

ButtonType

The important types of the button.

  • type: enum
  • default: Text

The value of this property must be one of the known values listed below.

Value Description
Primary Emphasize the most important actions.
Secondary Less emphasis but still require users's attention.
Text Less important actions users can take.

Enabled

Sets the button as enabled or disabled.

  • type: boolean
  • default: true

FullWidth

Sets the full width of the button, will be ignored if layout type is horizontal

  • type: boolean
  • default: false

Image

The image to be displayed along with the title.


ImagePosition

Position of the image to be displayed along with the title

  • type: enum
  • default: "Leading"

The value of this property must be one of the known values listed below.

ImagePosition Known Values

Value Description
Leading
Trailing

ImageSize

Size of the image to be displayed along with the title


OnPress

Action or rule to be performed when the event is triggered.

  • type: complex

OnPress Value

Any following options needs to be fulfilled.

Option 1

Option 2


Semantic

Use the semantic buttons for positive and negative actions.

  • type: enum
  • default: Tint

The value of this property must be one of the known values listed below.

Value Description
Normal Use it for neutral actions, e.g. Back / Cancel.
Tint Use it for positive actions, e.g. Update / Add / Approve.
Negative Use it for negative actions, e.g. Delete / Reset / Reject.

Style

[Deprecated. Use Styles instead.] The string value is a style class name of Button.

  • type: string

Styles

Set styles for button.

  • type: object with following properties.
Property Type Required Default
Image string No
Button string No

Image

The string value is a style class name of Image.

Button

The string value is a style class name of Button.


TextAlignment

[Deprecated. Use Alignment instead.] Text alignment of the button

  • type: enum
  • default: "Center"

The value of this property must be one of the known values listed below.

TextAlignment Known Values

Value Description
Left
Right
Center

Title

Label to be displayed on the button. For Android, the text is always in upper case and cannot be styled to contain lower case letters.

  • type: string

Visible

Set the visibility of the button.

  • type: boolean
  • default: true

_Name

  • type: string

_Type

  • type: const

The value of this property must be:

"ButtonTable.Type.Button"