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

lightning:verticalNavigationItemIcon

lightning:verticalNavigationSection または lightning:verticalNavigationOverflow 内のリンクとアイコン。このコンポーネントでは、API バージョン 41.0 以降が必要です。

lightning:verticalNavigationItemIcon コンポーネントは、項目の表示ラベルの左にアイコンを表示するナビゲーション項目です。

次に、ナビゲーション項目にアイコンを表示するナビゲーションメニューを作成する例を示します。

1<aura:component>
2    <lightning:verticalNavigation>
3        <lightning:verticalNavigationSection label="Reports">
4            <lightning:verticalNavigationItemIcon
5                label="Recent"
6                name="recent"
7                iconName="utility:clock" />
8            <lightning:verticalNavigationItemIcon
9                label="Created by Me"
10                name="created"
11                iconName="utility:user" />
12            <lightning:verticalNavigationItem
13                label="All Reports"
14                name="all" 
15                iconName="utility:open_folder" />
16        </lightning:verticalNavigationSection>
17    </lightning:verticalNavigation>
18</aura:component>

Lightning Design System のアイコンがサポートされます。使用できるアイコンについては、https://lightningdesignsystem.com/icons を参照してください。

属性

属性名	属性型	説明	必須項目
`body`	Component[]	コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。
`class`	String	コンポーネントの基本クラスに加え、外部要素の CSS クラス。
`title`	String	マウスポインタが要素に重ねられたときにツールチップテキストを表示します。
`label`	String	このナビゲーション項目に表示するテキスト。	はい
`name`	String	このナビゲーション項目の一意の識別子。	はい
`href`	String	ナビゲーション項目の移動先のページの URL。
`iconName`	String	アイコンの Lightning Design System 名。名前は、形式「utility:down」で記述します。「utility」はカテゴリ、「down」は表示する特定のアイコンです。

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

lightning:verticalNavigationItemIcon

属性