컴포넌트
ClockLoader
시계 바늘(시침·분침)이 회전하며 무한 로딩 상태를 표현하는 순수 SVG 시계 로더로, 문자판 눈금과 브랜드 컬러 바늘을 갖춘다.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ClockLoader-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | number | 120 | 시계 전체 지름(px). |
| strokeWidth | number | 4 | 바늘과 테두리 두께(px). |
| speed | number | 2000 | 분침이 한 바퀴 도는 시간(ms). 작을수록 빠르게 회전. |
| minuteColor | string | #EC4899 | 분침(긴 바늘) 색상. |
| hourColor | string | #C084FC | 시침(짧은 바늘) 색상. |
| label | string | 불러오는 중 | 로더 아래에 표시할 라벨 텍스트(빈 값이면 숨김). |