shadcn index

Switch 3

PreviousNext

A mini-sized switch with border styling for compact interface layouts

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/switch/switch-03.tsx
import { Switch } from '@/registry/new-york/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

Installation

npx shadcn@latest add @shadcn-studio/switch-03

Usage

import { Switch03 } from "@/components/switch-03"
<Switch03 />