Loading
Spinner
회전 로딩 인디케이터.
짧은 비동기 작업 (네트워크 요청 등). 콘텐츠 placeholder가 필요하면 Skeleton을 대신 사용.
import { Spinner } from "@nxtgen-org/react";
Sizes
sm / md / lg
tsx
<Spinner size="sm" /><Spinner size="md" /><Spinner size="lg" />
Tones
brand / neutral / onBrand
tsx
<Spinner tone="brand" /><Spinner tone="neutral" /><Spinner tone="onBrand" /> // bg-brand 위에서 사용
API
| Name | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "md" | "lg" | "md" | — |
| tone | "brand" | "neutral" | "onBrand" | "brand" | — |
| label | string | "로딩 중" | 스크린리더 라벨. |