Primer

Main navigation navigation

Site navigation

ImageContainer

New
Not reviewed for accessibility

Source

On this page

Use the ImageContainer component to contain images in documentation pages.

Usage

ImageContainer is a shortcode, meaning it's globally available in all .md and .mdx files. So you can use the ImageContainer component in any .md or .mdx file without importing it.

<ImageContainer>
  <img
    width="290"
    src="https://user-images.githubusercontent.com/4608155/104243682-cc166c00-5415-11eb-889b-9abe9997481a.png"
    alt="Star and Unstar buttons"
  />
</ImageContainer>
<Caption>Star and Unstar buttons</Caption>

<ImageContainer>
  <img
    width="290"
    src="https://user-images.githubusercontent.com/4608155/104243682-cc166c00-5415-11eb-889b-9abe9997481a.png"
    alt="Star and Unstar buttons"
  />
</ImageContainer>
<Caption>Star and Unstar buttons</Caption>