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

Red Hat logoGithubredditYoutubeTwitter

詳細情報

試用、購入および販売

コミュニティー

会社概要

Red Hat は、企業がコアとなるデータセンターからネットワークエッジに至るまで、各種プラットフォームや環境全体で作業を簡素化できるように、強化されたソリューションを提供しています。

多様性を受け入れるオープンソースの強化

Red Hat では、コード、ドキュメント、Web プロパティーにおける配慮に欠ける用語の置き換えに取り組んでいます。このような変更は、段階的に実施される予定です。詳細情報: Red Hat ブログ.

Red Hat ドキュメントについて

Legal Notice

Theme

© 2026 Red Hat
トップに戻る