Navigation

Sticky content container to wrap the inner content of the SideNav

Element for toggling side navigation open and closed state

Section label

An anchor type inside a Breadcrumb

An anchor type inside a Breadcrumb

An item inside a Breadcrumb

A list of links representing the current page and its “ancestors”

Triggers actions through onClick

ButtonGroup is used to group Buttons together.

An anchor for Dropdown.Item(s)

A belt to help organize Dropdown.Item(s) content visually

A button for Dropdown.Item(s)

A checkbox for Dropdown.Item(s)

Wraps each option inside a Dropdown

A search for Dropdown.Item(s)

A Radio option for Dropdown.Item(s)

A line separator for Dropdown.Item(s)

A tooltip to be used along with Dropdown.Item(s)

Reveals a set of custom options from a trigger

A preset Button to use as the Dropdown 'trigger'

Displays an application's main navigation and actions

An anchor element used inside HorizontalNav

A button element used inside HorizontalNav

A generic wrapper to render custom components inside a HorizontalNav

Preset of Box and HStack, use to add standard spacing between two React Nodes

Horizontally wraps a set of clickable elements for navigation

Creates a page's central navigation

Standard content container to wrap the inner content of the SideNav

Input field for navigation filtering

Navigation list item group element (li)

Navigation nested list item element (li)

Group toggle element

Navigation nested list element (ul)

Navigation list element (ul)

Navigation list item element (li)

Wrapper for vertical side navigation elements

Lists the steps of a workflow

Anchor item of VerticalNav

Create page side navigation