hamelndigital

design

Button

Button

Four variants, three sizes. Primary is the only accent fill — one per view, for the action the user came to take.

Variants

Sizes

States

Hover, pressed, and focus-visible states are interactive — try tabbing through.

In context

Unsaved changes

You have edits that haven't been saved.

Usage

import { Button } from "@hamelndigital/ui";

<Button>Save changes</Button>
<Button variant="secondary" size="sm">Cancel</Button>
<Button variant="danger" disabled>Delete</Button>