Image

The Image component replaces the <img> tag.

import { Image } from 'minerva-ui';


<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

Image

Props#

Props