Expand Gallery
Hover-accordion panels that widen to reveal the image and caption. Keyboard focus expands too.
flexhover2 files · 59 locdeps: clsx, tailwind-merge
Installation
With the shadcn CLI, pointing at this platform’s registry:
npx shadcn@latest add https://opusui.131199999.xyz/r/expand-gallery.jsonOr offline, straight from your opus55 checkout (copies every file it needs):
node ../tailwind_component/opus55/scripts/add.mjs expand-galleryUsage
import { ExpandGallery } from "@/components/opus/three/expand-gallery";
<ExpandGallery items={[{ image, title, caption }]} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { image; title; caption? }[] | — | Panels. |
| grow | number | 5 | Flex-grow of the active panel. |
Notes
- Animates flex-grow (a layout property) on purpose — it's what makes neighbours give way. Fine for ≤8 panels.