Focus Cards

Display

Image card grid that dims siblings and highlights the hovered card — adapted from Aceternity UI.

Grid de imagens que escurece as demais no hover

Praia

Montanha

Floresta

Deserto

Instalação via CLI

$ npx kikitocn add focus-cards

Interno:

@/lib/utils

Exemplo de uso

Focus CardsExample.tsx

import { FocusCards } from "@/components/ui/cn/focus-cards/FocusCards";

export function FocusCardsExample() {
  return (
    <FocusCards />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`cards*`	`{ title: string; src: string }[]`	—	Imagens a exibir
`className`	`string`	—	Classes CSS extras

Carregando…