컴포넌트
Toggle Liquid
노브가 이동 방향으로 늘어난 뒤 방울처럼 튕겨 복원되는, SVG goo 필터로 융합되는 리퀴드 토글 스위치.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ToggleLiquid-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultChecked | boolean | false | 비제어 모드의 초기 켜짐 상태값. |
| size | "sm" | "md" | "lg" | "md" | 토글 크기 프리셋. |
| accentColor | string | "#C084FC" | 켜짐 상태 트랙 그라데이션 시작 색상. |
| accentColor2 | string | "#EC4899" | 켜짐 상태 트랙 그라데이션 끝 색상. |
| liquidStrength | number | 1 | 리퀴드 늘어남 강도(0.4~2 권장). |
| disabled | boolean | false | 비활성화 여부. |