Pill Navigation

A restrained segmented navigation control with shared pill layout morphing and nested submenu dropdown support.

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/pill-navigation

API Reference

PropTypeDefaultDescription
itemsPillNavigationItem[]demo itemsNavigation items with optional submenu children
defaultValuestringfirst item idInitial selected item id
defaultSubValuestringundefinedInitial selected submenu item id
onChange(id: string, subId?: string) => voidundefinedSelection callback