Vertical Nav

Layout

Vertical sidebar navigation with icon support and active item highlighting.

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?, href?, disabled?, children? }
`activeId`	`string`	—	ID do item ativo
`onSelect`	`(id: string) => void`	—	Callback ao selecionar item
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Layout

Carregando…

Vertical Nav

Side Menu Smooth Hover

Vertical Nav

Default

Side Menu Smooth Hover

Default