컴포넌트
Atom Loader
원자 모형처럼 3개의 타원 궤도 위를 전자가 회전하는 로딩 인디케이터.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/AtomLoader-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | number | 160 | 전체 로더의 한 변 크기(px). 정사각형으로 렌더. |
| speed | number | 2.4 | 한 바퀴 회전 기준 시간(초). 작을수록 빠름. |
| orbitColor | string | #C084FC | 궤도 링과 링 색상. |
| nucleusColor | string | #EC4899 | 중심 핵(발광) 색상. |
| electronColor | string | #5EEAD4 | 궤도 위를 도는 전자 점 색상. |
| label | string | 불러오는 중 | 스크린리더용 로딩 안내 라벨. |