Figma UI component

Figma Toggle Group component

A ToggleGroup component for Figma, consisting of a set of two-state buttons that can be toggled on or off. This design asset is used for selecting multiple options from a group or for creating clear on/off controls in your user interface designs.

Usability tip

Ensure the visual state clearly communicates whether a button is toggled on or off.

Usage

Perfect for selecting view modes (e.g., list/grid view), text formatting options, or filter categories.

shadcn/ui Components are available in our Base Figma UI Kit.

Female avatar image
Female avatar image
Female avatar image

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Female avatar image
Female avatar image
Female avatar image

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Female avatar image
Female avatar image
Female avatar image

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy