Navigation

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 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 tooltip to be used along with Dropdown.Item(s)

A line separator for Dropdown.Item(s)

A search for 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

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

Horizontally wraps a set of clickable elements for navigation

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

Creates a page's central navigation

Standard content container to wrap the inner content of the SideNav

Navigation list item group element (li)

Navigation nested list item element (li)

Navigation nested list element (ul)

Navigation list element (ul)

Sticky content container to wrap the inner content of the SideNav

Group toggle element

Section label

Navigation list item element (li)

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

Input field for navigation filtering