Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Enterprise Open source

Interface used to describe different kinds of page titles and page navigation. Navmodels are usually generated in the backend and stored in Redux.

Signature

typescript
export interface NavModel 

Import

typescript
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.

Describes breadcrumbs that are used in places such as data source settings., folder page and plugins page.

Signature

typescript
breadcrumbs?: NavModelItem[];

main property

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

Signature

typescript
main: NavModelItem;

node property

This is the current active tab/navigation.

Signature

typescript
node: NavModelItem;