컴포넌트
Orbit Loader
동심 궤도 링 위를 점(궤도체)이 등속 회전하며 잔상과 코어 글로우로 로딩 상태를 표현하는 Canvas2D 로더로, 감속 모드 정지와 키보드 접근 가능한 재생/일시정지 토글을 갖춘다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/OrbitLoader-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | number | 200 | 로더 전체 지름(px). 정사각 영역으로 렌더된다. |
| orbits | number | 3 | 궤도(및 점) 개수. 1~6 범위로 클램프된다. |
| speed | number | 1 | 회전 속도 배율. 클수록 빠르게 돈다(0~8 클램프). |
| dotRadius | number | 6 | 궤도체(점)의 기본 반지름(px). |
| ringWidth | number | 1.5 | 궤도 링의 선 두께(px). |
| label | string | "불러오는 중" | 하단에 표시할 로딩 라벨. 빈 문자열이면 숨김. |