토글 버튼
켜짐/꺼짐 상태를 사용자가 직접 쥐고 유지하는 컨트롤이다. 로그 필터, 즐겨찾기, 패널 고정처럼 상태가 남는 액션에 쓴다.
상태
off
on
활용 방법
필터 토글
active를 state로 제어한다.
Preview
tsx
<ToggleButton active={errorsOnly} onClick={() => setErrorsOnly(!errorsOnly)}>Errors only</ToggleButton>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| active | boolean | false | 선택 상태 |
| icon | ReactNode | - | 선두 아이콘 |
| href | string | - | 있으면 링크 토글 |