Button
Baseβ
Variationsβ
With start iconβ
Only iconβ
Use the IconButton
componente to buttons with only icon.
ToggleButtonβ
Use the ToggleButton
component for this application.
You can control the state of grouped buttons.
Optionsβ
When a button has more than one option, you can use this style below. Remembering that when using this variation it will also be necessary to apply the DropdownMenu component.
Sizesβ
Smallβ
Medium (default)β
Statesβ
Disabledβ
You can disable a button when necessary. For example, when an action can only be performed after filling in all the information.
Loadingβ
If the button action takes some time, you can add the loading style.
Grouping buttonsβ
The default grouping can be used when it is necessary to display buttons side by side.