Spinner

로딩 스피너 컴포넌트는 작업이 진행 중임을 나타내는 로딩 인디케이터입니다.

기본 사용법

import { Spinner } from '@aift/ui/Spinner';

export default function Preview() {
  return <Spinner />;
}

import { Spinner } from '@aift/ui/Spinner';export default function Preview() {  return <Spinner />;}

Sizes

스피너의 크기를 결정합니다.

import { Spinner } from '@aift/ui/Spinner';

export default function Sizes() {
  return (
    <div className="flex items-center gap-4">
      <Spinner size={1} />
      <Spinner size={2} />
      <Spinner size={3} />
    </div>
  );
}

import { Spinner } from '@aift/ui/Spinner';export default function Sizes() {  return (    <div className="flex items-center gap-4">      <Spinner size={1} />      <Spinner size={2} />      <Spinner size={3} />    </div>  );}

Props

Prop	Type	Default	Description
size	`1 \| 2 \| 3`	`2`	스피너의 크기
color	`string`	-	스피너의 색상
loading	`boolean`	`true`	로딩 상태 표시 여부

Spinner

Spinner

기본 사용법

Sizes

Props

On this page