Button

A simple clickable button element.
Button element general settings 
Button element style settings
Button element text settings
Arguments
Label
Text that will be displayed inside the button.
Format: text
Default: Right click to add actions
Background Color
Color of the button's box.
Format: color
Default: #6C63FF
Hover Background Color
Color of the button's box when the cursor is hovering it.
Format: color
Default: #8E85FF
Label Color
Color of text inside the button.
Format: color
Default: #EEEEEE
Hover Label Color
Color of text inside the button when the cursor is hovering it.
Format: color
Default: #FFFFFF
Label Font Size
Size of the font of text inside the button.
Format: number
Default: 16
Inner Padding
Spacing between the contents of the button and its border in pixels. Horizontal and vertical values only.
Format: padding
Default: horizontal 16px and vertical 8px
Shadow
Shadow of the button's box.
Format: shadow
Default: 0 for vertical and horizontal offset, blur and spread properties. rgba(0, 0, 0, 0.15) for shadow color
Border
Border of the button's box.
Format: border
Default (for all sides): 0px for border width, rgba(0, 0, 0, 0.25) for border color, solid for border style and 4px for border radius
Image
Icon that appears on the left side of the label inside the button's box.
Format: image​
Font Style
Font families for the element. Options are CSS font-family properties.
Format: discrete text
Default: "Roboto", sans-serif
Line Height
Line height as a multiplier, not pixels
Format: number
Default: 1.5
Tooltip
Text that appears when you place the mouse over the button
Format: text​
Disabled
Is this button disabled?
Format: boolean
Default: false
Events
The following are the events triggered by this component:
On click
When this component is clicked, a click event is triggered and actions with this trigger will be initiated. No additional information is loaded on the context.
Collection
Image
Last modified 1yr ago