Content & Typography · 0 Props

Media

Responsive image or video element with aspect ratio control, lazy loading, rounded corners, and optional caption.

Content & Typography 0 Props

src/components/blocks/Media.astro

Props

Prop	Type	Default	Beschreibung

Beispiele

Image

Responsive image with aspect ratio and rounded corners.

{
  "type": "media",
  "props": {
    "src": "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop",
    "alt": "Laptop on desk",
    "rounded": "lg",
    "aspectRatio": "3/2"
  }
}

<Media
  src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop"
  alt="Laptop on desk"
  rounded="lg"
  aspectRatio="3/2"
/>