Switch

import { Switch } from "@araf-ds/core"

export default function Example() {
  return (
    <Switch label="Enable dark mode" />
  )
}

<Switch label="Enable dark mode" />

<Switch label="Email notifications" defaultChecked />

<Switch
  label="Auto-save"
  description="Automatically save your work every 5 minutes."
  defaultChecked
/>

<Switch label="Show sidebar" labelPosition="left" />

<Switch label="Beta features" disabled />
<Switch label="Always-on feature" disabled defaultChecked />

const [enabled, setEnabled] = useState(false);

<Switch
  checked={enabled}
  onCheckedChange={setEnabled}
  label="Maintenance mode"
/>