A button is used for actions.


Disabled button:

Enabled button:

Button with icon:


Just use it. Here’s some code!


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.


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.