Usage
import { TactileToggle } from "@/registry/components/tactile-toggle/tactile-toggle";
<TactileToggle />Props
| Prop | Type | Default | Description |
|---|---|---|---|
checked? | boolean | Controlled state. | |
defaultChecked? | boolean | false | |
onChange? | (checked: boolean) => void | ||
label? | string | "Toggle" | Accessible label. |
size? | string | "1.5rem" | Font size that scales the whole switch. |
className? | string |
When to use
A single on/off setting where a physical, hardware feel suits the product.
When not to use
Lists of many settings (plain switches read faster) or tri-state values.