Aspect Ratio

Displays content within a desired ratio.

DocsAPI Reference

Usage

import { AspectRatio } from "@smartacteam/ui/aspect-ratio";

<AspectRatio ratio={16 / 9}>
  <img className="w-full h-full object-cover" src="/aspect-ratio.webp"  />
</AspectRatio>

Image Example