Components
import { Switch } from '@/components/ui/switch'
const SwitchSquareDemo = () => {
return <Switch aria-label='Square switch' className='rounded-xs [&_span]:rounded-xs' />
}
export default SwitchSquareDemo
More examples
DefaultOpen page →
Switch TwoOpen page →
Switch FourOpen page →
Switch FiveOpen page →
Switch SevenOpen page →
Switch EightOpen page →
Switch NineOpen page →
Switch TenOpen page →
Switch ElevenOpen page →
Switch TwelveOpen page →
Switch ThirteenOpen page →
Switch FiftheenOpen page →
Switch SixteenOpen page →
Switch SeventeenOpen page →
Switch EighteenOpen page →
Published
Similar components
Explore more
Part of ShadcnStudio — browse the full library on 21st.dev.