Aspect Ratio

Displays content within a desired ratio.

Preview

Photo by Drew Beamer

Installation

$npx maddex add AspectRatio

Usage

1<!-- @import { AspectRatio } from ../../lib/components -->
2
3<AspectRatio ratio="{16 / 9}">
4  <img src="..." alt="Image" class="rounded-md object-cover" />
5</AspectRatio>