Switch [react-aria-components]

A switch allows a user to turn a setting on or off. There is no native HTML element with switch styling. <input type="checkbox"> is the closest semantically, but isn't styled or exposed to assistive technology as a switch. Switch helps achieve accessible switches that can be styled as needed.

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

import { Switch } from "@/components/ui/switch"

export function SwitchDemo() {
  return <Switch>Low power mode</Switch>
}