Components
HeroUI Switch
HeroUI v3 Switch — toggle with sizes, label position, icons, descriptions, disabled/selected states, groups, render props and custom styles.
import { Switch } from "@/components/ui/heroui-switch"
export default function Basic() {
return (
<Switch>
<Switch.Content>
<Switch.Control>
<Switch.Thumb />
</Switch.Control>
Enable notifications
</Switch.Content>
</Switch>
)
}
More examples
DisabledOpen page →
Default SelectedOpen page →
SizesOpen page →
Label PositionOpen page →
With IconsOpen page →
With DescriptionOpen page →
GroupOpen page →
Render PropsOpen page →
Custom StylesOpen page →
