# XWUIAspectRatio

Container that maintains a specific aspect ratio

## Basic Usage

XWUIAspectRatio Component Container that maintains a specific aspect ratio.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: XWUIAspectRatio Component Container that maintains a specific aspect ratio.
```

## Square Thumbnail

A 1:1 container holding an image cropped to fill via objectFit "cover".

```example
file: examples/SquareThumbnail.ts
html: examples/SquareThumbnail.html
title: Square Thumbnail
description: A 1:1 container holding an image cropped to fill via objectFit "cover".
```

## Portrait Card

A 4:5 portrait container (custom numeric ratio) wrapping a colored panel, capped to 280px wide.

```example
file: examples/PortraitCard.ts
html: examples/PortraitCard.html
title: Portrait Card
description: A 4:5 portrait container (custom numeric ratio) wrapping a colored panel, capped to 280px wide.
```

```api
```