Image Preview

PreviousNext

component for the Image Preview

Docs
spectrumuicomponent

Preview

Loading preview…
app/registry/imagepreview/usages/useone.tsx
import React from "react";
import ImagePreview from "@/app/registry/imagepreview/image-preview-dependecies";

const Demoimages = () => {
  return (
    <>
      <ImagePreview
        src="https://images.pexels.com/photos/1242764/pexels-photo-1242764.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
        width={400}
        height={400}
      />
    </>
  );
};

export default Demoimages;

Installation

npx shadcn@latest add @spectrumui/image-preview

Usage

import { ImagePreview } from "@/components/image-preview"
<ImagePreview />