Atelier UI

Search components…

Search components…

Slide Highlight Nav

Navigation where a highlight pill glides between links on hover or focus and fades out on leave.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

SlideHighlightNavProps

Also accepts all props of Omit<React.ComponentProps<"nav">, "children">

PropTypeDefaultDescription
links* requiredSlideHighlightLink[]——
defaultActivestring——

Install

$ npx shadcn@latest add https://chromotion.dev/r/slide-highlight-nav.json

More like this