Components
A clickable image thumbnail that opens a full-size lightbox preview in a modal overlay with a close button.
Loading preview...
import React from "react";
import ImagePreview from "@/components/ui/image-preview";
export default function Default() {
return (
<div className="flex min-h-[400px] w-full items-center justify-center bg-background p-8">
<ImagePreview
src="https://images.pexels.com/photos/1242764/pexels-photo-1242764.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
alt="Mountain landscape"
width={400}
height={400}
/>
</div>
);
}