菜单
开源
最后评审:2024 年 5 月 16 日

UI 元素列表

本列表提供了如何在 Grafana 中引用用户界面 (UI) 元素的指南。

注意

要查看此表中的图片,请点击表格右上角的 展开表格

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