Aspect Ratio

Displays content within a desired ratio.

Preview

16:9 Aspect Ratio

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/aspect-ratio

Usage

Import the component from the package:

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

Then use it in your application:

<AspectRatio />

Examples

Default

16:9 Aspect Ratio