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

lightning:tab (ベータ)

lightning:tabset コンポーネントにネストされる 1 つのタブ。

lightning:tab は、関連コンテンツを 1 つのコンテナに保持します。ユーザがタブをクリックすると、タブのコンテンツが表示されます。lightning:tab は、lightning:tabset と併用します。

このコンポーネントは、Lightning Design System のタブからスタイル設定を継承します。

label 属性には、テキストまたは複雑なマークアップを含めることができます。次の例では、lightning:icon を含む label の指定に aura:set が使用されています。

1<aura:component>
2    <lightning:tabset>
3        <lightning:tab>
4            <aura:set attribute="label">
5                Item One
6                <lightning:icon iconName="utility:connected_apps" />
7            </aura:set>
8        </lightning:tab>
9    </lightning:tabset>
10</aura:component>

使用上の考慮事項

このコンポーネントでは、実行中に本文が作成されます。初期化中にはコンポーネントを参照できません。代わりに、コンポーネント属性とバインドする値を使用して、コンテンツを設定できます。詳細は、lightning:tabsetを参照してください。

メソッド

このコンポーネントは、次のメソッドをサポートします。

focus(): フォーカスを要素に設定します。

属性

属性名	属性型	説明
`accesskey`	String	要素の有効化またはフォーカス設定のためのショートカットキーを指定します。
`body`	ComponentDefRef[]	tab のボディ。
`id`	String	ID (省略可能) は、タブセットの onSelect イベント時に、どのタブがクリックされたかを判断するために使用されます。
`label`	Component[]	タブに表示されるテキスト。
`onblur`	Action	要素がフォーカスを解放したときにトリガされるアクション。
`onfocus`	Action	要素にフォーカスが設定されたときにトリガされるアクション。
`tabindex`	Integer	要素のタブ順序を指定します (タブボタンがナビゲーションに使用される場合)。
`title`	String	タブにマウスポインタを置くと、タイトルが表示されます。スクリーンリーダーのタブのコンテンツを説明するタイトルを指定します。
`onactive`	Action	このタブが有効になったときにトリガされるアクション。

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

lightning:tab (ベータ)

属性