Switch

An accessible on/off toggle built on a native checkbox with role="switch", with an iOS-style thumb that stretches toward its destination while pressed; ported to React from the Svelte original in ebnsina's Sina UI component library.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Switch to your project and fits it to your theme.

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

export default function SwitchNoLabelDemo() {
  return <Switch aria-label="Observatory night mode" />;
}