Button
Two axes, after Blueprint: intent is the colour, variant is the weight.
variant x intent, at the size you pick
| none | primary | success | warning | danger | |
|---|---|---|---|---|---|
| solid | |||||
| minimal | |||||
| outlined | |||||
| link |
Icon only
| solid | |||||
| minimal | |||||
| outlined | |||||
| link |
Every size
States: rest, disabled, loading, expanded (a menu trigger that is open)
solid
minimal
outlined
link
With `href`: an app path renders a router `Link`, an absolute URL a plain anchor. The look is the variant's, unchanged
Common shapes
Top-bar affordances: they own their state and take no props