Layout

AspectRatio

Keeps media at a width-to-height ratio as it resizes.

Ant Design: -

import { AspectRatio } from '@alea/ui';

Examples

16:9, 4:3 and square boxes that keep their shape as they resize.

16:9

4:3

1:1

Keeps its content at a width-to-height ratio: videos, maps, images (Radix AspectRatio).

Prop	Type	Default	Description
`className`	`string`	-	Extra class names for the root element.
`ratio`	`number`	`16`	width / height, e.g. 16 / 9. Default 16 / 9.
`style`	`CSSProperties`	-	Inline styles for the root element.

Don't