The Zoomed Image component is designed to display images with an interactive zoom functionality, enhancing the user experience for image-rich content. This component is ideal for galleries, product showcases, or any content requiring detailed image presentation.
---
import { ZoomedImage } from '@yatoday/astro-ui/astro';
---
<ZoomedImage
src="~/assets/images/pexels-helenalopesph-1015568.jpg"
alt="Image alt"
class="size-96"
/>
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | - | Specifies the path to the image |
alt | string | - | Specifies an alternate text for an image |
class | string | - | Additional CSS classes to apply to the container |