Aspect Ratio

Installation

›pnpm dlx shadcn@latest add @evolphin/aspect-ratio

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

<AspectRatio ratio={16 / 9}>
  <img src="..." alt="Image" className="rounded-md object-cover" />
</AspectRatio>

interface AspectRatioProps {
  /** The desired ratio */
  ratio?: number;  
AspectRatioProps.ratio?: number | undefined
The desired ratio
}

Prop	Type	Default	Description
`ratio`	`number`	`1`	The desired aspect ratio.
`asChild`	`boolean`	`false`	Change the component to the HTML tag or custom component of the only child.