Menu
Open source

UI elements list

This list provides guidance for how to refer to user interface (UI) elements in Grafana.

Note

To view the images in this table, click Expand Table at the top-right corner of the table.
UI elementDescriptionImageNotes
breadcrumbThe area at the top of the screen that displays your location in the application and allows you to navigate between the displayed locations.BreadcrumbDon’t refer to this as the navigation bar, top navigation, or header except in the case of the dashboard header (see below).
dashboard headerThe area at the top of the screen that displays your location in the application and includes dashboard tools.Dashboard header
dialog boxA box that appears on top of the main screen of the application where you can enter information or select commands.Dialog boxDon’t use modal or dialog without box.
main menuThe navigation that opens on the left side of the screen when you click the menu icon (see below).Main menuDon’t refer to this as the navigation menu or primary menu.
menu iconThe element that opens the main menu.Menu icon Menu iconDon’t refer to this as the hamburger menu.
panel headerThe area at the of a panel that contains the panel name, the edit menu, and other indicators.Panel header
switchUsed to turn UI features on and off.SwitchDon’t refer to this as a toggle.
tabAn element that lets multiple pages exist within one screen.TabOther UI elements, such as radio button groups (example 1, example 2), behave much like tabs, but shouldn’t be referred to as tabs; avoid naming these elements, using just the element label instead.