GlassSwitch

import { GlassSwitch } from "koori-ui";
 
<GlassSwitch id="notifications" label="Enable notifications" />

<GlassSwitch id="toggle" />

import { useState } from "react";
import { GlassSwitch } from "koori-ui";
 
function Example() {
  const [enabled, setEnabled] = useState(false);
  return (
    <GlassSwitch
      id="dark-mode"
      checked={enabled}
      onCheckedChange={setEnabled}
      label="Dark mode"
    />
  );
}

<GlassSwitch id="disabled" disabled label="Unavailable option" />