Lightning コンポーネント開発者ガイド
jlightning:spinner
アニメーションスピナーを表示します。
lightning:spinner は、機能が読み込み中であることを示すアニメーションスピナー画像を表示します。このコンポーネントは、データを取得しているとき、または操作がすぐに完了しないときに使用できます。
variant 属性は、スピナーの外観を変更します。variant="brand" に設定した場合、スピナーは Lightning Design System ブランドの色と同じになります。variant="inverse" に設定すると、白いスピナーが表示されます。デフォルトのスピナーの色はダークブルーです。
このコンポーネントは、Lightning Design System のスピナーからスタイル設定を継承します。
次に例を示します。
lightning:spinner は、条件付きで使用します。aura:if または Lightning Design System ユーティリティクラスを使用して、スピナーを表示または非表示にすることができます。
次のクライアント側コントローラは、スピナーの slds-hide クラスを切り替えます。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| alternativeText | String | 待機する理由とスピナーの必要性の説明に使用する代替テキスト。 | |
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントの基本クラスに加え、外部要素の CSS クラス。 | |
| size | String | スピナーのサイズ。有効なサイズは、small、medium、large です。この値のデフォルトは medium です。 | |
| variant | String | variant は、スピナーの外観を変更します。variant の有効な値は、brand および inverse です。 |