Pill navbarFree
Floating pill, a highlight follows your pointer.
Props
Appearance
Applies to this component only and stays saved when you come back.
#ff3347
#b3122a
Preview background
Install
$
npx nex-ui add pill-navbarUsage
import { PillNav } from "@/components/nex-ui/pill-navbar";
<PillNav
labels={{ links: ["Product", "Docs", "Pricing"], cta: "Sign up", menu: "Open menu", close: "Close menu" }}
/>