DWG · 01.01 · COMPONENT SPEC

Button

A click target across four variants and three sizes. Optionally shows an annotation above and a hint below.

Variants

01.01·A
PREVIEWPX · 1:1
<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="danger">Danger</Button>

Sizes

01.01·B
PREVIEWPX · 1:1
<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>

Annotation

01.01·C
PREVIEWPX · 1:1
<Button annotation="OPT·KEY">Annotated</Button>

Hint

01.01·D
PREVIEWPX · 1:1
This cannot be undone.
<Button variant="danger" hint="This cannot be undone.">
  Delete sheet
</Button>

Disabled

01.01·E
PREVIEWPX · 1:1
<Button disabled>Disabled</Button>
<Button variant="secondary" disabled>Disabled</Button>