1.0.3 • Published 5 months ago
@urami/astro v1.0.3
@urami/astro
Automatic image optimization for Astro. Please refer to documentation for more details.
Quick install
# Using NPM
npx astro add @urami/astro
# Using Yarn
pnpm astro add @urami/astro
# Using PNPM
yarn astro add @urami/astro
Please consult documentation for manual installation.
Component usage
---
import Image from '@urami/astro/image'
---
<Image
src="https://demo.rayriffy.com/tom-scott.jpg"
width={801}
height={801}
alt="Tom Scott"
class="rounded-xl shadow-md"
/>
Props
Name | Type | Default | Required | Description |
---|---|---|---|---|
src | string | - | ✅ | Source of the image |
width | number | - | ✅ | Width of the image |
height | number | - | ❌ | Height of the image (Specify this will results in less layout shift) |
quality | number | 75 | ❌ | Quality of the image |