LibraryLayoutNavigation

Navigation

Components for navigating through content and showing user position.

Tabs

Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Account changes

Make changes to your account here. Click save when you're done.

Breadcrumb

Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Pagination

Pagination

Pagination with page numbers and previous/next buttons.

Expanded States

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Collapsible

An interactive component which expands/collapses a panel.

@peduarte starred 3 repositories

Collapsible Sidebar

Full Sidebar

Expandable navigation with sections, badges, and user info

Role Switcher

Dropdown

Default dropdown variant

Tabs

Inline tab variant

Cards

Large card selection

Notification Dropdown

Bell with Badge

Dropdown notification list with read/unread states

Advanced menus

Kaeyros

TabMenu

Top-level tabs with icons; supports disabled items.

TieredMenu

Nested popover with submenus and keyboard shortcuts.

PanelMenu

Accordion-style hierarchical menu with badges.

MegaMenu

Horizontal nav with multi-column dropdowns.

Paginator

Kaeyros

Full paginator

First/last buttons, numeric pages, rows-per-page selector and a current-page report.

1–10 of 142

Page 1 • showing rows starting at 1

Compact (no rows selector)

Hide the rows-per-page selector for compact navigation contexts.

1–10 of 87

KaeyrosBreadcrumb

Breadcrumb with overflow + custom separator

Includes a home icon, supports collapsing into a `...` overflow menu, and accepts a custom separator.

KaeyrosSteps

Numbered step indicator

Horizontal progress with current/done/pending states, optional descriptions and click-to-jump.

  1. Account

    Sign in or create one

  2. Plan

    Choose your tier

  3. Payment

    Add a card

  4. Confirmation

KaeyrosDock

macOS-style dock with magnification

Hover near the icons to see them grow. Configure direction and magnification radius.

TabView

Tabs with built-in panel content

Headers + panels are declared together as TabPanel children. Supports closable, scrollable, and disabled tabs.