Spinner

설치 확인

불러오는 중

1. 목적과 출처

불러오는 중

오른쪽 위에서 색 모드를 바꾸면 라이트·다크를 비교할 수 있습니다.

버튼 안에

<Button disabled>
  <Spinner data-icon="inline-start" />
  저장 중
</Button>

npx shadcn@4.23.0 add @adcapsule/spinner

처음 쓰는 프로젝트는 @adcapsule/theme를 먼저 설치합니다. Registry 연결

import { Spinner } from "@/components/ui/spinner"

<Button disabled>
  <Spinner data-icon="inline-start" />
  저장 중
</Button>

설치 확인

불러오는 중

불러오는 중

오른쪽 위에서 색 모드를 바꾸면 라이트·다크를 비교할 수 있습니다.

버튼 안에

<Button disabled>
  <Spinner data-icon="inline-start" />
  저장 중
</Button>

npx shadcn@4.23.0 add @adcapsule/spinner

처음 쓰는 프로젝트는 @adcapsule/theme를 먼저 설치합니다. Registry 연결

import { Spinner } from "@/components/ui/spinner"

<Button disabled>
  <Spinner data-icon="inline-start" />
  저장 중
</Button>