Aspect Ratio

Displays content within a desired ratio.

A grassy field with trees and a mountain in the background, by Benjamin Ashton

Usage

import { AspectRatio } from '@isyuricunha/ui'

<div className='w-[450px]'>
  <AspectRatio ratio={16 / 9}>
    <Image src='...' alt='Image' className='rounded-lg object-cover' />
  </AspectRatio>
</div>

Edit on GitHub