Navigation

176 components

navigation0
Chakra UI Skip Nav
A skip link that appears on keyboard focus and moves past the site navigation to the content.
Chakra UIchakra-uiinteractivenavigationMIT
navigation0
Chakra UI Pagination
Search results paged with Pagination items, previous and next triggers and a page summary.
Chakra UIchakra-uiinteractivenavigationMIT
navigation0
Chakra UI Menu
A sort menu with item groups, a separator and a disabled option, rendered inline.
Chakra UIchakra-uikeyboardmenuMIT
navigation0
Chakra UI Link
Help-centre links in plain and underlined variants that record the last article opened.
Chakra UIchakra-uiinteractivelinkMIT
navigation0
Chakra UI Collapsible
A payment details section that expands and collapses with a labelled trigger.
Chakra UIchakra-uicollapsibleinteractiveMIT
navigation0
Chakra UI Breadcrumb
A folder breadcrumb trail with separators, a current page and local subfolder navigation.
Chakra UIbreadcrumbchakra-uiinteractiveMIT
navigation0
Chakra UI Accordion
Controlled single-open collapsible billing accordion with disabled section.
Chakra UIaccordionchakra-uiinteractiveMIT
navigation0
Base UI Toolbar
A text formatting toolbar with grouped buttons, a separator and roving arrow-key focus.
Base UIbase-uikeyboardnavigationMIT
navigation0
Base UI Tabs
An accessible Base UI Tabs example with controlled selection, keyboard navigation and disabled-state behavior.
Base UIaccessiblebase-uikeyboardMIT
navigation0
Base UI Navigation Menu
A site navigation menu with dropdown panels of links that open on hover, click or keyboard.
Base UIbase-uiinteractivenavigationMIT
navigation0
Base UI Menubar
An editor menubar built on Base UI with File, Edit and View menus, a disabled item, a checkbox item and arrow-key navigation.
Base UIbase-uikeyboardmenuMIT
navigation0
Base UI Menu
A file actions menu with grouped items, a disabled item and a checkbox item.
Base UIbase-uikeyboardmenuMIT
navigation0
Base UI Context Menu
A file context menu built on Base UI that opens on right-click, long press, Shift+F10 or Enter, with a disabled action.
Base UIbase-uicontext-menukeyboardMIT
navigation0
Base UI Collapsible
An expandable advanced-settings section with a labelled trigger and live status.
Base UIbase-uicollapsibleinteractiveMIT
navigation0
Base UI Accordion
A controlled Base UI Accordion example with labelled controls and keyboard/disabled-state behavior.
Base UIaccessibleaccordionbase-uiMIT
navigation0
Ark UI Tree View
A documentation Tree View with expandable sections, keyboard navigation and single selection.
Ark UIark-uiinteractivenavigationMIT
navigation0
Ark UI TOC
A guide outline from Ark TOC that highlights the heading in view and jumps within a local article.
Ark UIark-uiinteractivenavigationMIT
navigation0
Ark UI Tabs
Controlled horizontal automatic tabs with disabled Settings.
Ark UIark-uiinteractivetabsMIT
navigation0
Ark UI Steps
An onboarding wizard built from Ark Steps with indicators, per-step content and back and next triggers.
Ark UIark-uiinteractivenavigationMIT
navigation0
Ark UI Splitter
A code editor layout with Ark Splitter panels and a keyboard-resizable divider.
Ark UIark-uiinteractivenavigationMIT
navigation0
Ark UI Pagination
Search result pagination with previous/next triggers, page items and ellipses.
Ark UIark-uiinteractivenavigationMIT
navigation0
Ark UI Navigation Menu
A site Ark Navigation Menu whose Products and Resources triggers open panels of links.
Ark UIark-uiinteractivenavigationMIT
navigation0
Ark UI Menu
A board actions menu with grouped items, a separator and a disabled delete item.
Ark UIark-uiinteractivemenuMIT
navigation0
Ark UI Collapsible
A release checklist whose remaining steps collapse behind a labelled trigger.
Ark UIark-uicollapsibleinteractiveMIT