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.
|breadcrumb||The area at the top of the screen that displays your location in the application and allows you to navigate between the displayed locations.||Don’t refer to this as the navigation bar, top navigation, or header except in the case of the dashboard header (see below).|
|dashboard header||The area at the top of the screen that displays your location in the application and includes dashboard tools.|
|dialog box||A box that appears on top of the main screen of the application where you can enter information or select commands.||Don’t use modal or dialog without box.|
|main menu||The navigation that opens on the left side of the screen when you click the menu icon (see below).||Don’t refer to this as the navigation menu or primary menu.|
|menu icon||The element that opens the main menu.||Don’t refer to this as the hamburger menu.|
|panel header||The area at the of a panel that contains the panel name, the edit menu, and other indicators.|
|switch||Used to turn UI features on and off.||Don’t refer to this as a toggle.|
|tab||An element that lets multiple pages exist within one screen.||Other 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.|