詳細情報:
SLDS ヘッダー Lightning Web コンポーネント ReadMe (管理パッケージ)
管理パッケージランタイムの場合、このページには各 Vlocity リリースの SLDS ヘッダー LWC ReadMe が含まれます。
この情報は、OmniStudio for Managed Packages 用です。標準ランタイムの OmniStudio については、OmniStudio ヘルプを参照してください。
Vlocity Insurance and Health Summer '20
SldsHeader Lightning Web コンポーネントは、タイトル、アイコン、フィールドデータ、およびアクションリンクを含むページヘッダーを表示します。
使用可能な c-SLDS-header アトリビュート
属性 |
値 |
型 |
必須 |
説明 |
|---|---|---|---|---|
説明 |
string |
ヘッダーの簡単な説明を追加します。 |
||
displayName |
string |
画像の代替テキストを設定します。 |
||
項目 |
string |
項目データを含むオブジェクトの配列を設定します。 |
||
headerWrapperClass |
css クラス |
string |
ラッパー CSS クラスに sldsHeader コンポーネントを渡します。 |
|
ヘッダー |
string |
推奨 |
ヘッダータイトルを設定します。 |
|
iconBgColor |
string |
SLDS アイコンを使用する場合のアイコンの背景色を設定します。 |
||
iconColor |
string |
SLDS アイコンを使用する場合のアイコンの色を設定します。 |
||
iconImgWrapperclass |
string |
カスタム画像ラッパー用にユーザーが指定したクラスを追加します。 |
||
iconName |
string |
推奨 |
ヘッダーのタイトルと説明の横に表示するアイコンの名前を指定します。 |
|
iconSize |
string |
アイコンのサイズを設定します。使用可能な値については、アイコン LWC を確認してください。 |
||
imageRef |
string |
カスタム画像を使用するには、URL を入力します。 |
||
obj |
string |
項目のデータが含まれるオブジェクトを指定する |
||
showSpinner |
true、false (デフォルト: false) |
string |
ヘッダーの横にスピナーアイコンを表示します。 |
|
テーマ |
SLDS、nds (デフォルト: SLDS) |
string |
使用するテーマを指定します。 |
c-SLDS-header コンポーネントの例
<c-slds-header
header="Sample Header"
description="Sample title for the header"
theme={theme}
icon-name="standard:opportunity"
icon-size="large"
icon-color="#fcb95b"
icon-bg-color="#fff"
>
</c-slds-header>
使用可能なイベントハンドラー
handleEdit()
編集モードでパラメーター detail.message がヘッダーに設定されることを予期するイベント。
handleSave()
編集後にヘッダーをリセットするイベント。
項目
これは、キー name、label、type を持つオブジェクトの配列を受け入れます。数値、通貨、日付、日時、パーセント、電話、住所、チェックボックス、URL、アイコンをサポートします。type = icon の場合、値は Boolean 型である必要があります。true の場合、チェックが表示されます。false の場合、何も表示されません。
const fields = [
{ name: "Author", label: this.authorLabel, type: "string" },
{ name: "Status", label: this.statusLabel, type: "string" },
{ name: "IsChildCard", label: this.isChildCardLabel, type: "icon" }
];Vlocity Insurance and Health Spring '20
SldsHeader Lightning Web コンポーネントは、タイトル、アイコン、フィールドデータ、およびアクションリンクを含むページヘッダーを表示します。
使用可能な c-SLDS-header アトリビュート
属性 |
値 |
型 |
必須 |
説明 |
|---|---|---|---|---|
説明 |
string |
ヘッダーの簡単な説明を追加します。 |
||
displayName |
string |
画像の代替テキストを設定します。 |
||
項目 |
string |
項目データを含むオブジェクトの配列を設定します。 |
||
ヘッダー |
string |
推奨 |
ヘッダータイトルを設定します。 |
|
iconBgColor |
string |
SLDS アイコンを使用する場合のアイコンの背景色を設定します。 |
||
iconColor |
string |
SLDS アイコンを使用する場合のアイコンの色を設定します。 |
||
iconImgWrapperclass |
string |
カスタム画像ラッパー用にユーザーが指定したクラスを追加します。 |
||
iconName |
string |
推奨 |
ヘッダーのタイトルと説明の横に表示するアイコンの名前を指定します。 |
|
iconSize |
string |
アイコンのサイズを設定します。使用可能な値については、アイコン LWC を確認してください。 |
||
imageRef |
string |
カスタム画像を使用するには、URL を入力します。 |
||
obj |
string |
項目のデータが含まれるオブジェクトを指定する |
||
テーマ |
SLDS、nds (デフォルト: SLDS) |
string |
使用するテーマを指定します。 |
