7.2. 動的プラグイン統合のためのマウントポイント
動的プラグインのマウントポイントを使用すると、Developer Hub でアプリケーションヘッダーをカスタマイズできます。このマウントポイントにより、ヘッダー、そのコンポーネント、およびドロップダウンメニューの位置を柔軟に設定できます。次の機能拡張により、エクスペリエンスをカスタマイズできます。
- application/header
-
ヘッダーの位置を制御します。
config.positionを使用して、配置をabove-main-contentまたはabove-sidebarのいずれかに設定します。 - global.header/component
ヘッダーコンポーネントを設定します。
config.priorityを使用してコンポーネントの順序を設定し、config.propsを介してプロパティー (CSS スタイルを含む) を渡します。Self-service ボタンを追加する例
- mountPoint: global.header/component importName: HeaderIconButton config: priority: 80 props: title: Self-service icon: add to: createスペーサー要素を追加する例
- mountPoint: global.header/component importName: Spacer config: priority: 99 props: growFactor: 0区切り線要素を追加する例
mountPoints: - mountPoint: global.header/component importName: Divider config: priority: 150- global.header/profile
ProfileDropdownコンポーネントが有効な場合に、プロファイルドロップダウンリストを設定します。プロファイルドロップダウンに設定リンクを追加する例
- mountPoint: global.header/profile importName: MenuItemLink config: priority: 100 props: title: Settings link: /settings icon: manageAccounts- global.header/create
CreateDropdownコンポーネントが有効な場合に、作成ドロップダウンリストを設定します。コンポーネントを登録するためのセクションを追加する例
- mountPoint: global.header/create importName: RegisterAComponentSection config: props: growFactor: 0