Spinner

Playground

'use client';
import { Spinner, type SpinnerSize } from '@mbsw/ui';

export default function Demo() {
  const settings = {
    "size": "md"
  };
  return (
    <Spinner size={settings.size as SpinnerSize} aria-label={"불러오는 중"} />
  );
}

Properties

Size

Usage

진행률을 알 수 없는 처리 상태에 사용합니다. 비동기 작업과 표시 여부는 앱에서 관리합니다.

'use client';
import { Spinner } from '@mbsw/ui';

export default function Example() {
  return <Spinner size="md" aria-label={"불러오는 중"} />;
}

Playground의 Code 탭에서 현재 설정과 동작이 포함된 예제 전체를 복사할 수 있습니다. 공통 CSS 설치는 설치하기를 확인하세요.

Composition

Spinner