スピナーSpinner
Experimental

処理中であることを示すインジケーターです。

プレビュー

状態とバリエーション

サイズ

ボタン内、インライン、単独ローダーで使い分けます。

ボタン内の処理中

送信や保存中はボタンを無効化し、表示ラベルと一緒に出します。

領域全体の読み込み

操作を待たせる場合は、状態文と一緒に role=status の領域で伝えます。

データを読み込んでいます。

テキスト横の状態表示

小さい更新状態は、スピナーだけにせず短い状態文を添えます。

最新状態に更新しています。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
size'default' | 'sm' | 'lg' | 'icon''default'スピナーの大きさです。ボタン内では sm、単独表示では default または lg を使います。
classNamestring-SVG に追加するクラスです。

使い方

Loading...

使用コンポーネント