Switch

Switch는 사용자가 설정을 on/off로 전환할 수 있게 돕는 토글 컴포넌트입니다.

Property


Size

Switch의 크기를 설정합니다.

Checked

Switch의 체크 상태를 설정합니다.

Disabled

Switch의 비활성화 상태를 설정합니다.

Read Only

사용자는 스위치 상태를 변경할 수 없지만, 현재 상태를 확인할 수 있도록 허용하는 상태입니다.

Examples


Controlled

제어되는 Switch 컴포넌트의 사용 예시입니다.

Component Structure


컴포넌트의 구조를 탐색하고 각 파트의 역할을 확인합니다. 파트 이름에 마우스를 올리면 해당 영역이 하이라이트됩니다.

Use arrow keys to move between parts. Press Escape to clear selection.

Parts0 items
Loading preview…

Props Table


Switch.Root

Loading component documentation...

Switch.ThumbPrimitive

Loading component documentation...

On this page