GridGallery

El componente GridGallery permite mostrar una galería de elementos en un formato de cuadrícula, con soporte para clases personalizadas en los contenedores y los elementos.

Ejemplo

Importación

Para importar el componente GridGallery, se puede hacer desde fenextjs

import { GridGallery } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
items	ReactNode[]	sí		Lista de elementos que se mostrarán dentro de la galería.
className	string	no	''	Clase CSS para personalizar el contenedor principal de la galería.
classNameItem	string	no	''	Clase CSS para personalizar cada uno de los elementos de la galería.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

Uso básico

<GridGallery items={[<div>Item 1</div>, <div>Item 2</div>]} />

Galería con clases personalizadas

<GridGallery
  className="mi-galeria"
  classNameItem="mi-item"
  items={[<div>Item 1</div>, <div>Item 2</div>]}
/>

Form Img