사용법
세 가지 테마 옵션 중 하나를 선택해 보세요.
인터페이스
ThemeToggleButtonsProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| options* | readonly ThemeToggleOption[] | — | 테마 선택 항목 |
| value | ThemeMode | — | 제어 선택값 |
| defaultValue | ThemeMode | system | 초기 선택값 |
| onValueChange | (value: ThemeMode) => void | — | 테마 변경 콜백 |
| disabled | boolean | false | 전체 비활성화 |
| label | string | 테마 선택 | 그룹 접근성 라벨 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
ThemeToggleButtons 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { ThemeToggleButtons } from "@goldtreedev/ui";