Side Menu Smooth Hover

Layout

Flat sidebar list with asymmetric hover feedback — instant border/background on enter, delayed on leave.

Hover assimétrico — entra instantâneo, sai com delay

Instalação via CLI

$ npx kikitocn add side-menu-smooth-hover

Interno:

@/lib/utils

Exemplo de uso

Side Menu Smooth HoverExample.tsx

import { SideMenuSmoothHover } from "@/components/ui/cn/side-menu-smooth-hover/SideMenuSmoothHover";

export function SideMenuSmoothHoverExample() {
  return (
    <SideMenuSmoothHover />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`SideMenuSmoothHoverItem[]`	—	Itens { id, label, href?, onSelect? }
`transitionDelayMs`	`number`	`300`	Delay (ms) somado à saída do hover — a entrada é sempre instantânea
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Layout

Carregando…