Switch

import Switch from "@/components/ui/Switch";

export default function Page() {
  return (
    <Switch defaultChecked />
  )
}

import Switch from "@/components/ui/Switch";

export default function Page() {
  return (
    <Switch id="auto-trans">Auto Translation</Switch>
  )
}

import Switch from "@/components/ui/Switch";

export default function Page() {
  return (
    <div className="flex items-center gap-4">
      <Switch size="sm" id="small">Small</Switch>
      <Switch size="md" id="medium">Medium</Switch>
      <Switch size="lg" id="large">Large</Switch>
    </div>
  )
}

import Switch from "@/components/ui/Switch";

export default function Page() {
  return (
    <Switch disabled>disabled</Switch>
  )
}