Navigation

An anchor type inside a Breadcrumb

Triggers actions through onClick

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

ButtonGroup is used to group Buttons together.

An item inside a Breadcrumb

Horizontally wraps a set of clickable elements for navigation

Creates a page's central navigation

Input field for navigation filtering

Standard content container to wrap the inner content of the SideNav

Navigation nested list element (ul)

Navigation list element (ul)

Group toggle element

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

Navigation list item group element (li)

Navigation nested list item element (li)

Lists the steps of a workflow

Anchor item of VerticalNav

Create page side navigation

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 Radio option for Dropdown.Item(s)

A search for Dropdown.Item(s)

A line separator 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

An anchor type inside a Breadcrumb

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

A button element used inside HorizontalNav

A generic wrapper to render custom components inside a HorizontalNav