AspectRatio

Constrains content to a specific aspect ratio. Wraps bits-ui AspectRatio.

Example

16:9

Props

Prop	Type	Default	Description
`ratio`	`number`	`16/9`	Width-to-height ratio
`class`	`string`	—	Additional CSS classes
`children`	`Snippet`	—	Content to constrain

Usage

<script>
  import { AspectRatio } from '@chrissnell/chonky-ui';
</script>

<AspectRatio ratio={4 / 3}>
  <img src="photo.jpg" alt="Photo" />
</AspectRatio>