toggle
Two-state switch with dither
Coretoggle.csstoggle.js
Installation
$
npx skeehn add togglePreview
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| checked | boolean | false | Controlled checked state |
| defaultChecked | boolean | false | Initial checked state |
| onCheckedChange | (checked: boolean) => void | — | Callback when toggle state changes |
Usage
toggle.tsx
1import { Toggle } from '@skeehn/react';23export function Settings() {4 return (5 <label className="flex items-center gap-3">6 <Toggle defaultChecked />7 <span>Enable notifications</span>8 </label>9 );10}