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:

Component Reference ​