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 video resources
Getting started with Grafana
Take a guided tour of Grafana and learn how to monitor a web service using Prometheus and Loki in this beginner-friendly webinar.
All about Grafana plugins: Visualizing disparate data sources in one place
Grafana Enterprise plugins are integrations with other commercial monitoring tools (such as Datadog, Splunk, New Relic, ServiceNow, Oracle, and Dynatrace) that are created, maintained, and supported by the Grafana Labs team.
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.