# Aspect Ratio

> Displays content within a desired ratio.

Source: https://ui.cortexcn.dev/docs/components/aspect-ratio

## Installation

```bash
npx shadcn@latest add @cortexcn/aspect-ratio
```

## Usage

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

## Examples

### 16:9

### 21:9

### 1:1

### 9:16

Adapted from the [shadcn/ui Aspect Ratio](https://ui.shadcn.com/docs/components/radix/aspect-ratio) (MIT).