Button

Buttons trigger actions; one primary per view, the rest default or ghost.

5 sub-components · 100% covered

Sub-components

  • Buttoncanon✓✓✓✓✓✓Text button in primary, default, ghost and danger variants.
  • Icon buttoncanon✓✓✓✓✓✓Square button carrying only an icon; label lives in the tooltip. Quiet at rest, variant="framed" for the bordered one, variant="secondary" (beta) for a hairline-bordered tool row.
  • Menu buttoncanon✓✓✓✓✓✓The one action menu of the app: a labelled button with a chevron, or the kebab „⋯“ (iconOnly), opening a menu of actions; no action is the default one.
  • Split buttoncanon✓✓✓✓✓✓Main action plus a chevron that opens a menu of related variants of the same action.
  • Fabcanon✓✓✓✓✓✓Floating primary action of a screen on a phone: round „+" for Create, extended with a label otherwise.