アクションボタンの追加

操作内容

ページヘッダーにいくつかのプレースホルダアクションボタンを追加する

ステップ 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 サイトに、他のドキュメントや例が掲載されています。

無料で学習を続けましょう!
続けるにはアカウントにサインアップしてください。
サインアップすると次のような機能が利用できるようになります。
  • 各自のキャリア目標に合わせてパーソナライズされたおすすめが表示される
  • ハンズオン Challenge やテストでスキルを練習できる
  • 進捗状況を追跡して上司と共有できる
  • メンターやキャリアチャンスと繋がることができる