Open-code aq-ui accessible component family for Switch.
This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.
aq-uipnpm dlx aq-ui@alpha add switchImport the parts you need, then jump to an export for its contract.
"use client"
import { Switch } from "@/components/ui/switch"
<Switch />Open-code aq-ui accessible component family for Switch.
const Switch = React.forwardRef<React.ComponentRef<typeof SwitchPrimitive.Root>, SwitchPrimitive.Root.Props & { size?: "sm" | "default" }>(…)SwitchPrimitive.Root.Props & { size?: "sm" | "default" }| Name | Type | Default |
|---|---|---|
size? | "sm" | "default" | "default" |
utils
@base-ui/react@^1.7.0
Enabled for this device