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

NameTypeDefaultDescription
size"sm" | "md" | "lg""md"
tone"brand" | "neutral" | "onBrand""brand"
labelstring"로딩 중"스크린리더 라벨.