Layout Grid

Display

Grid of image cards; clicking one animates it (shared layoutId) to a centered, expanded state over a scrim — adapted from Aceternity UI.

Layout Grid — clique num card pra expandir

Instalação via CLI

$ npx kikitocn add layout-grid

Interno:

@/lib/utilsmotion

Exemplo de uso

Layout GridExample.tsx

import { LayoutGrid } from "@/components/ui/cn/layout-grid/LayoutGrid";

export function LayoutGridExample() {
  return (
    <LayoutGrid />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`cards*`	`LayoutGridCard[]`	—	Array de { id, content, thumbnail, className?, alt? }
`className`	`string`	—	Classes CSS extras

Carregando…