Docs
Toggle

Toggle

A two-state button that can be either on or off.

Installation

npx shadcn-ui add toggle
npx shadcn-ui add toggle

Usage

import { Toggle } from "@/components/ui/toggle"
import { Toggle } from "@/components/ui/toggle"
<Toggle>Toggle</Toggle>
<Toggle>Toggle</Toggle>

Examples

Default


Outline


With Text


Small


Large


Disabled