DashboardSidebarPageItem API

API reference docs for the React DashboardSidebarPageItem component. Learn about the props, CSS, and other APIs of this exported module.

Demos

For examples and details on the usage of this React component, visit the component demo pages:

import { DashboardSidebarPageItem } from '@toolpad/core/DashboardLayout';

Name	Type	Default	Description
item*	{ action?: node, children?: Array<object \| { kind: 'header', title: string } \| { kind: 'divider' }>, icon?: node, kind?: 'page', pattern?: string, segment?: string, title?: string }	-	Navigation page item definition.
disabled	bool	false	If `true`, the item is disabled.
expanded	bool	false	If `true`, expands any nested navigation in the item, otherwise collapse it.
href	string	getItemPath(navigationContext, item)	Link `href` for when the item is rendered as a link.
LinkComponent	elementType	Link	The component used to render the item as a link.
selected	bool	false	Use to apply selected styling.

The component cannot hold a ref.

If you did not find the information in this page, consider having a look at the implementation of the component for more detail.