Components
Aspect Ratio
Aspect Ratio
The Aspect Ratio component displays content within a specified ratio, ensuring a consistent and balanced presentation for images, videos, components, and other media. It helps maintain a uniform appearance across various devices and screen sizes, providing a seamless viewing experience regardless of the content's format or container.
Configurable Props
<AspectRatio>
Prop | Type | Default/ Options | Description |
|---|---|---|---|
ratio | number | 1 | The desired aspect-ratio. Additional Information: https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio |