# AspectRatio

Container that maintains a specific aspect ratio for its content

## Example

## AspectRatio

Container that maintains a specific aspect ratio for its content

**Source:** [`packages/appkit-ui/src/react/ui/aspect-ratio.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/aspect-ratio.tsx)

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `ratio` | `number` |  | - | - |
| `asChild` | `boolean` |  | - | - |

### Usage

```tsx
import { AspectRatio } from '@databricks/appkit-ui';

```