この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

lightning:spinner

アニメーションスピナーを表示します。

lightning:spinner は、機能が読み込み中であることを示すアニメーションスピナー画像を表示します。このコンポーネントは、データを取得しているとき、または操作がすぐに完了しないときに使用できます。

variant 属性は、スピナーの外観を変更します。variant="brand" に設定した場合、スピナーは Lightning Design System ブランドの色と同じになります。variant="inverse" に設定すると、白いスピナーが表示されます。デフォルトのスピナーの色はダークブルーです。

次に例を示します。

1<aura:component>
2    <lightning:spinner variant="brand" size="large">
3</aura:component>

lightning:spinner は、条件付きで使用します。Lightning Design System ユーティリティクラスを使用して、スピナーを表示または非表示にすることもできます。次に例を示します。

1<aura:component>
2    <aura:attribute name="loaded" type="Boolean" default="false" />
3    <lightning:button label="Toggle" variant="brand" onclick="{! c.handleClick }" />
4    <div class="exampleHolder">
5        <aura:if isTrue="{! v.loaded }">
6            Put loaded content here
7            <aura:set attribute="else">
8                <lightning:spinner />
9            </aura:set>
10        </aura:if>
11    </div>
12</aura:component>

属性

属性名	属性型	説明
`body`	Component[]	コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。
`size`	String	スピナーのサイズ。有効なサイズは、small、medium、large です。この値のデフォルトは medium です。
`variant`	String	variant は、スピナーの外観を変更します。variant の有効な値は、brand および inverse です。

Lightning コンポーネント開発者ガイド

lightning:spinner

属性