Aspect Ratio

Data Display

Displays content within a desired ratio.

Import

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

Usage

Default

A 16:9 aspect ratio.

Photo by Drew Beamer

Square

A 1:1 aspect ratio.

Photo by Drew Beamer

API Reference

ratio1
number

The desired aspect ratio