Groudit UI

Switch

Betav1.0.0

토글 형식의 켜고 끄기 컨트롤.

import { Switch } from "@/components/ui/switch";

<Switch id="airplane-mode" />

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/switch.json

Composition

Switch

Accessibility

이 컴포넌트는 WAI-ARIA switch 패턴을 따릅니다.

Keyboard interactions

KeyDescription
SpaceEnter
켜기/끄기 토글.
Tab
다음 포커스 요소.

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

1.3.12.1.14.1.2

Notes

  • •role="switch" + aria-checked. 색상만으로 상태 구분 금지.