Logo

Voxlet UI

Emogi Nav

Emogi nav, think different.

The Navbar will show on top of the page

Installation

Install this component and its dependencies with a single command.

npx shadcn@latest add https://ui.voxletstudio.com//r/emogi-nav.json

Once your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/emogi-nav

Props

EmogiNavProps

PropTypeDefaultDescription
navItemsNavItem[]-An array of `NavItem` objects representing the emoji navigation links.

NavItem

PropTypeDefaultDescription
labelstring-An array of `NavItem` objects representing the emoji navigation links.
hrefstring-The URL link associated with the emoji navigation item.
emogistring-The image URL or path for the animated emoji.
altstring-Alt text for the emoji image to improve accessibility.
Brought to you by Voxlet Studio