Components
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.
import { Switch } from "@/components/ui/switch"
export function SwitchDemo() {
return <Switch>Low power mode</Switch>
}
Dependencies
Source
Published
Similar components
Explore more
Part of Jolly UI — browse the full library on 21st.dev.