Image

The Image component replaces the <img> tag.

import { Image } from 'minerva-ui'

Preview

Source

<Image src="https://images.unsplash.com/photo-1586191582056-ffebbc7c17e4?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max" maxWidth="20rem" alt="water droplets" />

<Image
  src="https://images.unsplash.com/photo-1586191582056-ffebbc7c17e4?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max"
  maxWidth="20rem"
  alt="water droplets"
/>

Props

These are props related to the Image component.

Name	Type	Is Required	Default	Description
src	string	optional	none	Path or URL to image source
alt	string	optional	none	Alternate text that describes image for screen reader users