컴포넌트
InfinityLoader
무한대(∞) 렘니스케이트 SVG 경로를 stroke-dash 트레이서와 발광 점이 흐르며 도는 로더로, 커서를 따라 컨테이너 내부에서만 은은한 글로우가 이동한다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/InfinityLoader-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | number | 160 | 로더 전체 지름(px). 정사각 영역. |
| strokeWidth | number | 4 | ∞ 경로 선 두께(viewBox 100 기준 상대값). |
| duration | number | 2600 | 트레이서가 경로를 한 바퀴 흐르는 시간(ms). |
| dotCount | number | 1 | 경로 위를 도는 발광 점 개수(0~6 클램프). |
| colorVia | string | #EC4899 | 트레이서 그라데이션 중간 색이자 커서 글로우 색. |
| label | string | 불러오는 중 | 로더 아래 표시할 라벨(빈 문자열이면 숨김). |