Switch

Binary toggle switch styled with semantic tokens.

Default

Small

Installation

npx shadcn@latest add @gameone/switch

Registry dependencies: gameone-utils

Import

import { Switch } from "@/components/ui/switch"

Example

<Switch />

Default switch

import { Switch } from "@/components/ui/switch"

export function SwitchDefault() {
  return <Switch defaultChecked />
}

Compact switch size for dense toolbars, tables, and settings rows.

Small switch

import { Switch } from "@/components/ui/switch"

export function SwitchSmall() {
  return <Switch size="sm" defaultChecked />
}