컴포넌트
Spiral Loader
아르키메데스 나선 경로를 따라 점들이 안쪽에서 바깥으로 흐르며 회전하는 Canvas2D 로더로, 브랜드 3색 순환·잔상·재생/일시정지 토글·포인터 추종 하이라이트를 갖춘다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SpiralLoader-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | number | 200 | 로더 전체 지름(px). 정사각 영역으로 렌더된다. |
| dotCount | number | 22 | 나선 위에 배치할 점 개수(3~64로 클램프). |
| turns | number | 3 | 나선이 감기는 바퀴 수(1~6로 클램프). |
| speed | number | 1 | 회전 속도 배율(1=기본). 클수록 빠르게 흐른다. |
| dotRadius | number | 5 | 점의 기본 반지름(px). 안쪽은 작고 바깥은 커진다. |
| label | string | "불러오는 중" | 하단에 표시할 로딩 라벨. 빈 문자열이면 숨김. |