Hover Gallery
Hover Gallery displays a stack of images that fan out and expand on hover.
Installation
npx jsx-daisyui add hover-galleryDefault
hover-gallery-default
Wide
hover-gallery-wide
Props
HoverGallery
| Prop | Type | Default | Description |
|---|---|---|---|
images | { src: string; alt?: string }[] | - | Array of image objects with src and optional alt text to display in the gallery. |
maxWidth | 'max-w-40' | 'max-w-48' | 'max-w-60' | 'max-w-72' | 'max-w-80' | 'max-w-96' | 'max-w-60' | Tailwind max-width class to control the gallery container size. |