Block Image View

Overview

This component is an image container.

Details

Criteria	Component Meets Criteria
Has hover styles	No
Has light and dark mode	Yes
Has brand theming	Yes

Component Props

Prop Name	Type	Description
altText	string	Alternative text if image does not render. Also relevant for accessibility.
imgSrc	object	The image source.

Example Code

import ImageViewBlock from '@site/src/elements/doc/ImageViewBlock';
import Image from '@site/static/images/banners/greenField.png';

<div style={{marginBottom: '20px'}}>
	<ImageViewBlock altText={'Screenshot of the Console with the correct URL highlighted.'} imgSrc={Image} />
</div>