NavModel interface
Interface used to describe different kinds of page titles and page navigation. Navmodels are usually generated in the backend and stored in Redux.
Signature
export interface NavModel
Import
import { NavModel } from '@grafana/data';
Properties
| Property | Type | Description |
|---|---|---|
| breadcrumbs | NavModelItem[] |
Describes breadcrumbs that are used in places such as data source settings., folder page and plugins page. |
| main | NavModelItem |
Main page. that wraps the navigation. Generate the children property generate tabs when used with the Page component. |
| node | NavModelItem |
This is the current active tab/navigation. |
breadcrumbs property
Describes breadcrumbs that are used in places such as data source settings., folder page and plugins page.
Signature
breadcrumbs?: NavModelItem[];
main property
Main page. that wraps the navigation. Generate the children property generate tabs when used with the Page component.
Signature
main: NavModelItem;
node property
This is the current active tab/navigation.
Signature
node: NavModelItem;
Related Grafana resources
Getting started with Grafana 8
Grafana 8.0 is here! Join us for a live walkthrough on how to get started using Grafana 8 and the Grafana 8 user interface while showing how to set up monitoring for a web service that uses Prometheus and Loki to store metrics and logs.
Unify your data with Grafana plugins: Splunk, MongoDB, Datadog, and more
Show how Grafana can be used to take data from multiple different sources and unify it, without disrupting the investments that are working today.
Demo: Getting started with Grafana Enterprise and observability
Join the Grafana Labs team for a 30-minute demo of how to get started with the Grafana Stack, so you can go from zero to observability in just a few minutes.
