UI 元素列表
本列表提供了如何在 Grafana 中引用用户界面 (UI) 元素的指南。
注意
要查看此表中的图片,请点击表格右上角的 展开表格。
UI 元素 | 描述 | 图片 | 备注 |
---|---|---|---|
面包屑 | 屏幕顶部的区域,显示您在应用程序中的位置,并允许您在显示的位置之间导航。 | ![]() | 不要将其称为导航栏、顶部导航或页眉,除了仪表盘页眉(见下文)。 |
仪表盘页眉 | 屏幕顶部的区域,显示您在应用程序中的位置,并包含仪表盘工具。 | ![]() | |
对话框 | 出现在应用程序主屏幕上方的一个框,您可以在其中输入信息或选择命令。 | ![]() | 不要使用 模态 或 对话,应使用 对话框。 |
抽屉 | 从屏幕右侧滑出的面板。 | ![]() | 不要使用 面板、弹出窗口 或 视图。 |
主菜单 | 当您点击左上角的徽标时,在屏幕左侧打开的导航。 | ![]() | 不要将其称为导航菜单或主导航菜单。 |
菜单图标 | 打开菜单的元素。 | ![]() ![]() | 不要将其称为汉堡菜单。 |
面板页眉 | 面板顶部的区域,包含面板名称、编辑菜单和其他指示器。 | ![]() | |
开关 | 用于开启和关闭 UI 功能。 | ![]() | 不要将其称为切换按钮。 |
选项卡 | 允许在一个屏幕内存在多个页面的元素。 | ![]() | 其他 UI 元素,例如单选按钮组( 示例 1, 示例 2),其行为很像选项卡,但不应称为选项卡;避免命名这些元素,直接使用元素标签即可。 |