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
Opening keynote: What's new in Grafana 9?
Raj Dutt, Myrle Krantz, and Torkel Ödegaard unveil what's new in Grafana 9. Watch the opening keynote presentation from GrafanaCONline 2022. On-demand.
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.
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.