Switch

Switch primitive with Circle consent styling.

Use this when a user needs to enter, review, or correct structured data.

Preview and code

Loading preview...

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @circle-ui/switch

This is a lower-level building block. Reach for it when you need direct control over layout, behavior, or styling in a larger surface.

Registry

@circle-ui/utils

npm

@radix-ui/react-switch

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/circle-ui/switch.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/circle-ui/switch.json