Image

The image component is a minimal wrapper around the Astro Image component.

---
import image from "@/assets/image-placeholder.webp"

import { Image } from "@/components/ui/image"
---

<Image src={image} alt="Image placeholder" class="w-full max-w-md rounded-lg" />

Installation

To install the image component, run the following command:

npx shadcn@latest add @fulldev/image

Usage

import { Image } from "@/components/ui/image"

<Image src={image} alt="Description" />