Add Action Buttons
メモ
日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。Trailhead Playground では (1) [Locale (地域)] を [United States (米国)] に、[Language (言語)] を [English (英語)] に切り替えて、(2) 英語の値のみをコピーして貼り付けてください。こちらの指示に従ってください。
翻訳版 Trailhead を活用する方法の詳細は、自分の言語の Trailhead バッジを参照してください。
操作内容
ページヘッダーにいくつかのプレースホルダーアクションボタンを追加する
ステップ 1: アクションボタンを追加する
ページヘッダーコンポーネントを再び変更します。<!-- ACTION BUTTONS --> コメントの間に次のコードを追加します。
<!-- ACTION BUTTONS --> <div class="slds-col slds-no-flex slds-grid slds-align-top"> <div class="slds-button-group" role="group"> <button class="slds-button slds-button_neutral"> Add Contact </button> <button class="slds-button slds-button_neutral"> More </button> </div> </div> <!-- / ACTION BUTTONS --> これらのボタンをクリックしても何も実行されませんが、後からその機能を簡単に追加できます。
ステップ 2: プレビューする
ページを保存して、[Preview (プレビュー)] ボタンをクリックします。
リソース
Design System サイトに、他のドキュメントや例が掲載されています。
