6.2. 动态插件集成的挂载点
您可以使用动态插件的挂载点自定义 Developer Hub 中的应用程序标头。这些挂载点为配置标头、其组件和下拉菜单的位置提供了灵活性。您可以使用以下改进创建自定义体验:
- application/header
-
控制标头位置。使用
config.position将放置设置为above-main-content或above-sidebar。 - global.header/component
配置标头组件。使用
config.priority设置组件顺序,并通过config.props传递属性(包括 CSS 风格)。添加 自助服务 按钮示例
- mountPoint: global.header/component importName: HeaderIconButton config: priority: 80 props: title: Self-service icon: add to: create添加一个 spacer 元素示例
- 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