Vertical Nav

Layout

Vertical sidebar navigation with icon support and active item highlighting.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for layout/vertical-nav

Instalação via CLI

$ npx kikitocn add vertical-nav

Exemplo de uso

Vertical NavExample.tsx

import { VerticalNav } from "@/components/ui/cn/vertical-nav/VerticalNav";

export function VerticalNavExample() {
  return (
    <VerticalNav />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`NavItem[]`	—	Itens { id, label, icon?, badge? }
`activeId`	`string`	—	ID do item ativo
`onSelect`	`(id: string) => void`	—	Callback ao selecionar item
`className`	`string`	—	Classes CSS extras

Voltar para Layout

Carregando…