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
GrafanaCONline 2021 is coming June 7-17
Be the first to learn about exciting next-generation features in Grafana 8.0, be inspired by what community members are building, and attend expert-led sessions and workshops on Grafana, Prometheus, Loki logs, and more.
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.
