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

  1. export interface NavModel

Import

  1. import { NavModel } from '@grafana/data';

Properties

PropertyTypeDescription
breadcrumbsNavModelItem[]Describes breadcrumbs that are used in places such as data source settings., folder page and plugins page.
mainNavModelItemMain page. that wraps the navigation. Generate the children property generate tabs when used with the Page component.
nodeNavModelItemThis 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

  1. breadcrumbs?: NavModelItem[];

main property

Main page. that wraps the navigation. Generate the children property generate tabs when used with the Page component.

Signature

  1. main: NavModelItem;

node property

This is the current active tab/navigation.

Signature

  1. node: NavModelItem;