Switch

# Package
npm install @lumina-ui/react
 
# CLI
npx lumina-ui add switch
# deps: @radix-ui/react-switch framer-motion clsx

import { Switch, Label } from '@lumina-ui/react'
 
export default function Example() {
  return (
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem' }}>
      <Switch id="notifications" />
      <Label htmlFor="notifications">Enable notifications</Label>
    </div>
  )
}

import { useState } from 'react'
import { Switch } from '@lumina-ui/react'
 
export default function Controlled() {
  const [enabled, setEnabled] = useState(false)
  return (
    <Switch checked={enabled} onCheckedChange={setEnabled} aria-label="Dark mode" />
  )
}