Image

The Image component is an image wrapper that requires the image to be imported before passing it to the src prop.

import Logo from './images/logo.svg';

<Image
  src={ Logo }
  title='Gravity Logo'
  alt='Awsome logo'
/>

Props

Prop	Description	Required	value
alt	alt description	required	string
className	custom style	optional	SCSS or Tailwind
src	imported source	required	image
title	description	required	string

Notes

• The src prop should be an imported image source.

• The alt and title props provide alternative text and a description for the image, respectively.