Spinner

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

インポート

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

個別サブパス（バンドルサイズを抑えたい場合）:

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

<Spinner />

<Spinner size="xs" />
<Spinner size="sm" />
<Spinner size="default" />
<Spinner size="lg" />
<Spinner size="xl" />

role="status" と aria-label にはデフォルトで '読み込み中' が使われ、sr-only テキストとしても出力されます。文言を変えたい場合は label を渡します。

<Spinner label="送信中" />

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

Prop	Type	Default	Description
`size`	`'xs' \| 'sm' \| 'default' \| 'lg' \| 'xl'`	`'default'`	スピナーのサイズ
`label`	`string`	`'読み込み中'`	アクセシビリティ用のラベル（role="status"のaria-labelとsr-onlyテキストに使用）