Toggle
Buttons that hold a pressed state, individually or as a group.
Formatting toolbar
Text-formatting toggles for bold, italic, and alignment.
Filled icon
An icon toggle that fills when pressed.
Icon pattern
A recommended icon-plus-label toggle pattern.
Group sizes
A toggle group shown across the size scale.
Group layout
Horizontal and vertical toggle group arrangements.
Group with tooltips
A toggle group where each option has a tooltip.
Anatomy
Toggle | Pressable button toggling a pressed/on state. |
Props
| Part | Prop | Type | Default | Description |
|---|---|---|---|---|
Toggle | variant | "default" | "outline" | "default" | Style: default (transparent) or outline (bordered). |
Toggle | size | "default" | "sm" | "lg" | "default" | Size: default, sm, or lg. |