Toggle Component

A two-state button that can be toggled on or off. Includes a Toggle Group for mutually exclusive or multi-select options.

Basic Toggle

A simple toggle button with an icon.

Variants

Default and outline toggle variants.

Default

Outline

Colors

Toggle buttons with different accent colors.

Toggle Group

A group of toggles for mutually exclusive selection.

Single selection

Multiple selection

Installation

npx shadcn@latest add https://catppuccin-components.vercel.app/r/toggle.json