Navigation

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

A generic wrapper to render custom components inside a HorizontalNav

Horizontally wraps a set of clickable elements for navigation

Creates a page's central navigation

An anchor type inside a Breadcrumb

An anchor type inside a Breadcrumb

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

An item inside a Breadcrumb

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 line separator for Dropdown.Item(s)

A Radio option for Dropdown.Item(s)

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

A preset Button to use as the Dropdown 'trigger'

Reveals a set of custom options from a trigger

Displays an application's main navigation and actions

An anchor element used inside HorizontalNav

A button element used inside HorizontalNav

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)

Navigation nested list element (ul)

Group toggle element

Navigation list element (ul)

Section label

Navigation list item element (li)

Sticky content container to wrap the inner content of the SideNav

Element for toggling side navigation open and closed state

Wrapper for vertical side navigation elements

Lists the steps of a workflow

Anchor item of VerticalNav

Create page side navigation