스위치
안정primitive켜고 끄는 토글입니다. 옆에 설명을 붙일 수 있습니다.
@tissue-ui/layout-react설치
bash
npm install @tissue-ui/layout-reacttsx
import { Switch } from "@tissue-ui/layout-react";언제 쓰나
- 설정을 즉시 켜고 끄게 할 때.
플레이그라운드
size
disabled
tsx
<Switch size="md" label="알림" defaultChecked />예제
토글
크기
비활성
설정 행
제목·설명과 함께 놓아 설정 항목 한 줄을 만듭니다.
2단계 인증
로그인할 때 추가 확인을 요구합니다.속성
| 속성 | 타입 | 설명 |
|---|---|---|
| label | node | 토글 옆에 보일 글입니다 (선택). |
| size | sm | md | 토글 크기입니다 (기본 보통). |
| disabled | boolean | 토글을 막습니다. |
위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.
상태
defaulthoverfocusactivedisabled
data 속성
data-statedata-disabled
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.