Navigation
5 componentsNavigation components - tabs, accordions, breadcrumbs, pagination, and steppers. Guide users through your application with accessible patterns.
@ninna-ui/navigationpnpm add @ninna-ui/navigationRequires @ninna-ui/core (auto-installed) + CSS setup.
Features
- ✓5 navigation components
- ✓Radix-powered Tabs and Accordion
- ✓Full keyboard navigation support
- ✓Horizontal and vertical orientations
- ✓Controlled and uncontrolled modes
- ✓Accessible ARIA tablist/tabpanel patterns
Components
Tabs
Tabbed interface with Radix-powered keyboard navigation and variants.
Accordion
Collapsible content sections with single or multiple open modes.
Breadcrumbs
Navigation trail with separator customization and ellipsis overflow.
Pagination
Page navigation with previous/next, numbered pages, and ellipsis.
Stepper
Multi-step progress indicator with horizontal and vertical orientations.
Quick Start
import { Tabs, Accordion, Breadcrumbs } from "@ninna-ui/navigation";