Caroa UI

Spinner

ローディング状態を表示するスピナーコンポーネント。

インポート

import { Spinner } from '@caroainc/ui-components/client'

基本的な使い方

Loading
<Spinner />

サイズ

Loading...
<Spinner size="sm" />
<Spinner size="default" />
<Spinner size="lg" />

ボタンと組み合わせ

Loading...
<Button disabled>
  <Spinner size="sm" />
  読み込み中...
</Button>

Props

PropTypeDefaultDescription
size'sm' | 'default' | 'lg''default'スピナーのサイズ

On this page