Aspect Ratio

Displays content within a desired ratio.

Features

Accepts any custom ratio.

Install the component from your command line.

npm install @tealess/aspect-ratio

Import the component.

import * as AspectRatio from "@tealess/aspect-ratio";

export default () => <AspectRatio.Root />;

Contains the content you want to constrain to a given ratio.

Prop	Type	Default
`asChild`	`boolean`	`false`
`ratio`	`number`	`1`