NavbarLinks

Preview

Navitem Shape

Field	Type	Notes
`id`	string	Unique identifier used to track active state.
`title`	string	Text label for the item.
`href?`	string	If provided, item becomes a Next.js `<Link>`.
`icon?`	React.ReactNode	Optional icon rendered before the title.

Tips

• Ideal for headers with 3–7 items to keep indicator motion feeling snappy.
• When used on dynamic pages, pair active state with router path to auto-sync selection.
• Icons should use consistent width to avoid indicator jitter during layout shifts.
• You can wrap the entire navbar in a parent container with blurred or elevated backgrounds to match modern dashboard UI patterns.
• If you add horizontal scroll or responsive collapsing, ensure the indicator recalculates using layout effects.