For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
1
Sponsor

Switch

PreviousNext

An accessible switch with an animated thumb.

Preview

Notifications on

Installation

$ pnpm dlx shadcn@latest add https://ui.ketyap.me/r/switch.json

Usage

import { Switch } from "@/components/ui/switch";
 
<Switch label="Notifications" defaultChecked />;

API Reference

Accepts Base UI Switch Root props: checked, defaultChecked, onCheckedChange, disabled, name and required. Optional label labels the control. Without it provide aria-label. size: default or compact; otherwise inherits SizeProvider.