Skip to main content

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.

Feedback​