Components / Toggle

Toggle

A single pressed or unpressed control: bookmark, show captions. The state lives in the control itself; for a set acting together use ToggleGroup.

import { Toggle } from '@layers/ui/toggle'

Rendered stock

House rules

• Icon-only toggles always carry an aria-label.
• Variants are default (transparent) and outline; sizes are default (36px), sm (32px), and lg (40px). Toolbar toggles use size="sm".