Button
Last updated
Was this helpful?
Last updated
Was this helpful?
A Button module can be used for user driven clicks such as for buttons in forms and as interaction buttons around your site.
Link Url String, url Sets the url that can be passed as the behavior on button or link click. Example: 'https://www.example.com'
Button Label String Sets the label of the button.
Button Color
String - Valid color string (white
) or hex code (#FFFFF
)
Sets the color of the button background.
border-style
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Button:on-click
Broadcast to the event system when a user button is clicked
Button:click
Listener on button click
Button:animationState
Button animation
Parameters:
stateName
String Sets a ARIA label of the button to provide the element with an .
String - Valid color string (white
) or hex code (#FFFFF
)
Overrides the default color of the text.
String
Sets the font size of the button label. Example: 6px
or 1em
String - Valid color string (white
) or hex code (#FFFFF
)
Sets the color of the border.
String
Defines the padding around the edge of the button. This property accepts lengths followed by a relative unit (em
, ex
, or px
) or percentages. Example: 6px
or 1em
String - Arial Sets the font for the chat to the specified name or generic family name
String
If defined, sets the button curve radius. This property accepts lengths followed by a relative unit (em
, ex
, or px
) or percentages. Example: 5px
or 25%
String
Sets the button border width. This property accepts lengths followed by a relative unit (em
, ex
, or px
) or percentages. Example: 6px
or 1em
String, css property Allows for extra customization of a button's . Options include:
String
Overrides the default width of the button. This property accepts lengths followed by a relative unit (em
, ex
, or px
) or percentages. Example: 500px
or 5em