Navigation

NavButton

An action in the side navigation that looks like a nav item, such as Collapse sidebar at the very bottom.

Preview

Live, in this page’s themeOpen on its own

Props

Prop	Type	Description
`label`Required	`string`
`icon`	`IconName`
`onClick`	`() => void`
`collapsed`	`boolean`
`className`	`string`

Guidelines

An action in the side navigation that looks like a nav item, such as Collapse sidebar at the very bottom.

Provide: label, icon, onClick, and collapsed for the icons-only side navigation (the label then stays for screen readers and as a tooltip).

Same height, padding, radius and hover as a nav item, in the subdued color. It is never the current item, so it never takes the selected fill.