Button <EButton>
The button component represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality.
Variant
Use the variant
prop to change the button theming according to your configured variants.
Block
By default the button component is displayed as an inline element. By adding the block
prop, the button will span the whole container width.
Disabled
Set the disabled
prop to disable button default functionality.
Icons
Use the icon-left
and icon-right
props to add an icon according to your EIcon settings. If your button has no text, use the icon
prop instead.
Icons are automatically scaled to button size.
Loading
Add the loading
prop to show the Loading component inside the button. Note: The Loading component's variant is set to inherit
, inheriting the text color of the button.
The button will maintain its width when changed from non-loading to loading: