Components

Button

Button — the primary way a person triggers an action: submit a form, confirm a choice, or move to the next step. Use `variant` to signal importance — `primary` for the main action on a view, `secondary` for supporting actions, `accent` for an alternative emphasis in the brand accent color, `ghost` for low-emphasis or tertiary actions, and `danger` for destructive ones. Size with `sm`/`md`/`lg`, and set `fullWidth` when the button should span its container (common on mobile and in narrow forms). Keep one primary button per view so the main action stays obvious.