Button

A button is used for actions.

Examples

Disabled button:

Enabled button:

Button with icon:

Usage

Just use it. Here’s some code!

Variants

We have a couple of variants available. Less is more.

Use only one Primary button in the same context. Use Danger for actions where there’s no going back. Deleting accounts and such. Give the user a way to confirm the action.

Sizes

We have a three sizes available. Mostly you’ll use the default, medium size. Use the small size when space is limited, e.g. in tables. Use the large size when it’s the only action in it’s context, e.g. on landing pages.