Carregando…Carregando…Carregando…Carregando…Horizontal or vertical nav with nested items, icons and active highlighting.
Demo coming soon
Add a demo component to DEMOS in _showcase.tsx for layout/navigation-menu
$ npx kikitocn add navigation-menuimport { NavigationMenu } from "@/components/ui/cn/navigation-menu/NavigationMenu";
export function NavigationMenuExample() {
return (
<NavigationMenu />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
items* | NavigationMenuItem[] | — | Itens de navegação { id, label, href, icon?, children? } |
activeHref | string | — | URL do item ativo |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Orientação do menu |
onNavigate | (href: string) => void | — | Callback de navegação |
className | string | — | Classes CSS extras |