Button ​

Buttons trigger an immediate action, which can continue within the current page, a new page or modal.

When to use

• primary buttons are for the most important action on a page.
• secondary buttons are for other page actions without priority.
• Use tertiary buttons alongside secondary or primary buttons for tasks that are not a call to action.
• destructive buttons are used to confirm important actions that cannot be undone.
• disabled state is used when actions are not available.

Usage ​

import { Button } from '@youcan/alto';

<Button> Default button  </Button>

API Reference ​

Examples ​

Link ​

Rounded ​

Sizes ​

Variants ​

Disabled ​