Switch

A control that toggles between checked and unchecked. Built on Base UI's switch primitive.

Last updated January 1, 1980

CreditsModifiedPublished

The thumb slides toward the reading-end (mirrored in RTL) instead of always sliding right

Overview

$ pnpm dlx shadcn@latest add @persianlabsui/switch

import { Switch } from "@/components/ui/switch"
 
export function Example() {
  return <Switch />
}

Use size="sm" for a smaller switch.

Prop	Type	Default	Description
size	"default" \| "sm"	"default"	The size of the switch.

All other props are inherited from Base UI Switch .