Components
Loading preview...
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 →
Loading preview...
Switch TwoOpen page →
Loading preview...
Switch FourOpen page →
Loading preview...
Switch FiveOpen page →
Loading preview...
Switch SevenOpen page →
Loading preview...
Switch EightOpen page →
Loading preview...
Switch NineOpen page →
Loading preview...
Switch TenOpen page →
Loading preview...
Switch ElevenOpen page →
Loading preview...
Switch TwelveOpen page →
Loading preview...
Switch ThirteenOpen page →
Loading preview...
Switch FiftheenOpen page →
Loading preview...
Switch SixteenOpen page →
Loading preview...
Switch SeventeenOpen page →
Loading preview...
Switch EighteenOpen page →
Loading preview...
Published
Similar components
Explore more
Part of ShadcnStudio — browse the full library on 21st.dev.