Hover Expand Gallery
An interactive gallery that expands items on hover.
Installation
Usage
import { HoverExpand } from "viora-ui";import { HoverExpand } from "viora-ui";
export default function HoverExpandDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<HoverExpand />
</div>
);
}API Reference
HoverExpand
| Prop | Type | Default | Description |
|---|---|---|---|
| images? | { src: string; alt: string; code: string }[] | [] | List of images to render. |
| className? | string | "" | Additional CSS classes for custom styling. |
| autoPlay? | boolean | false | Whether to automatically cycle through items. |
Built by Otis
Last updated: 9/13/2026
