ascii.cnlibs.com
GithubX

Aspect Ratio

Constrains content to a fixed width/height ratio.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/aspect-ratio.json

## usage

import { AspectRatio } from "@/components/ui/aspect-ratio";
<AspectRatio ratio={16 / 9} className="border border-border">
  <img src="/preview.png" alt="Preview" className="size-full object-cover" />
</AspectRatio>

## square