Image

The image component is a wrapper around the Astro Image component, with some additional features.

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

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

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

Installation

To install the image component, run the following command:

pnpm dlx shadcn@latest add @fulldev-ui/image

Usage

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

<Image src="image.webp" alt="Description" />