Components
Loading preview...
import { Switch } from '@/components/ui/switch'
const SwitchMiniDemo = () => {
return (
<Switch
aria-label='Mini switch'
className='[&_span]:border-input h-3 border-none [&_span]:size-4.5 [&_span]:border'
/>
)
}
export default SwitchMiniDemo
More examples
DefaultOpen page →
Loading preview...
Switch OneOpen 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.