AspectRatio
Maintain responsive consistent width/height ratio
Import
Source
Docs
Package
Usage
AspectRatio
allows maintaining a consistent width/height ratio.
It can be used to display images, maps, videos and other media.
![Panda](https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/images/bg-5.png)
Map embed
Video embed
Inside flex container
By default, AspectRatio
does not have fixed width and height, it will take as much space as possible
in a regular container. To make it work inside flex container, you need to set width
or flex
property.
![Avatar](https://raw.githubusercontent.com/mantinedev/mantine/master/.demo/avatars/avatar-6.png)