Image

Image is a component for displaying responsive images with additional layout controls.

Usage

<Image 
  src="/path/to/image.jpg"
  objectFit="cover"
  aspectRatio={16/9}
/>

Props

Image accepts all styled-system props from the following categories:

• Layout Props
• Space Props
• Border Props

Additional Props

Prop	Type	Description
objectFit	string	CSS object-fit property
aspectRatio	number \| string	Aspect ratio of the image container