Aspect Ratio — logic2b/ui

16 / 9

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

export default function AspectRatioDemo() {
  return (
    <AspectRatio
      ratio={16 / 9}
      className="bg-muted flex items-center justify-center rounded-md"
    >
      <span className="text-muted-foreground text-sm">16 / 9</span>
    </AspectRatio>
  )
}

Installation

npx logic2b@latest add aspect-ratio

Usage

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

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