スピナーSpinnerExperimental
処理中であることを示すインジケーターです。
プレビュー
状態とバリエーション
サイズ
ボタン内、インライン、単独ローダーで使い分けます。
ボタン内の処理中
送信や保存中はボタンを無効化し、表示ラベルと一緒に出します。
領域全体の読み込み
操作を待たせる場合は、状態文と一緒に role=status の領域で伝えます。
データを読み込んでいます。
テキスト横の状態表示
小さい更新状態は、スピナーだけにせず短い状態文を添えます。
最新状態に更新しています。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| size | 'default' | 'sm' | 'lg' | 'icon' | 'default' | スピナーの大きさです。ボタン内では sm、単独表示では default または lg を使います。 |
| className | string | - | SVG に追加するクラスです。 |
使い方
Loading...