Carregando…Carregando…Carregando…Carregando…Horizontal or vertical nav with nested items, icons and active highlighting.
$ npx kikitocn add navigation-menu@/lib/utils@/lib/motionmotionimport { NavigationMenu } from "@/components/ui/cn/navigation-menu/NavigationMenu";
export function NavigationMenuExample() {
return (
<NavigationMenu orientation="horizontal" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
items* | NavigationMenuItem[] | — | Itens de navegação { label, href?, icon?, badge?, disabled?, 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 |
style | CSSProperties | — | Estilos inline pro container |
With dropdown submenu, badge and disabled item
Vertical orientation
A pílula segue o mouse
A pílula fica no item selecionado