Aspect Ratio
Displays content within a desired ratio.
Displays content within a desired ratio.
16:9
tsx
import { AspectRatio } from "@celestia-project/ui/primitive/aspect-ratio"
<AspectRatio ratio={16 / 9} className="bg-muted"> <img src="..." alt="Image" className="size-full object-cover" /></AspectRatio>