Navbar Menu

Layout

Nav bar with a hover-triggered mega-menu; spring-physics panel with a shared layoutId that slides between items. Adapted from Aceternity UI.

UnificadosSimple With CTA

Navbar Menu — mega-menu no hover

Simple With CTA

Unificado

Instalação via CLI

$ npx kikitocn add navbar-menu

Interno:

@/lib/utilsmotion

Exemplo de uso

Navbar MenuExample.tsx

import { NavbarMenu } from "@/components/ui/cn/navbar-menu/NavbarMenu";

export function NavbarMenuExample() {
  return (
    <NavbarMenu item="Exemplo">
      Navbar Menu
    </NavbarMenu>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`setActive*`	`(item: string \| null) => void`	—	Menu: recebe o item ativo ou null
`active*`	`string \| null`	—	MenuItem: item ativo atual
`item*`	`string`	—	MenuItem: rótulo/chave do item
`children`	`React.ReactNode`	—	Menu: MenuItem[]; MenuItem: conteúdo do painel

Voltar para Layout

Carregando…