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