Aspect Ratio

A simple utility component to maintain aspect ratio of an element.
Landscape photograph by Tobias Tullius
				
<div class="img-container" slot="component">
    <AspectRatio ratio={16 / 9}>
        <img
            src="https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80"
            alt="Landscape photograph by Tobias Tullius"
        />
    </AspectRatio>
</div>

API Reference

Container

Prop Type Default
ratio number 1