# Aspect Ratio (Shadcn UI kit)
Displays content within a desired ratio.
```twig
```
## Installation
```shell
bin/console ux:install aspect-ratio --kit shadcn
```
## Usage
```twig
```
## Examples
### Square
A square aspect ratio component using the `ratio="1 / 1"` prop. This is useful for displaying images in a square format.
```twig
```
### Portrait
A portrait aspect ratio component using the `ratio="9 / 16"` prop. This is useful for displaying images in a portrait format.
```twig
```
### RTL
To enable RTL support, set the `dir="rtl"` attribute on the root element.
```twig
منظر طبيعي جميلמראה נהדר
```
## API Reference
### Component `AspectRatio`
| Prop | Type | Description |
|:-------|:------|:-------------|
| `ratio` | `string` | The aspect ratio (e.g., `16 / 9`, `4 / 3`, `1 / 1`) |
| Block | Description |
|:-------|:-------------|
| `content` | The content to display within the aspect ratio container |
