Docs
Aspect Ratio
Aspect Ratio
Displays content within a desired ratio.
Preview
Installation
npx shadcn@latest add aspect-ratioUsage
import { AspectRatio } from "@/components/ui/aspect-ratio"
<AspectRatio ratio={16 / 9}>
<img src="..." alt="Image" className="h-full w-full object-cover" />
</AspectRatio>On This Page