Including images on pane

[edgarjoserojaslopez]

Hi there!! My question is: How can i insert an image or icon in pane component?

[cdedreuille]

Hi @edgarjoserojaslopez, The way I do it for now is like this:

<Pane is='img' src='path/to/your/image.jpg' alt='Image' />

Not sure if this is the right way, but it works for me.

[mshwery]

Yep! You can also use Image if you don't need Pane specifically:

import { Image } from 'evergreen-ui'

<Image src="pupdanceparty.gif" alt="Puppies dancing" />

Either approach (Image or Pane is="img" which is what Image does under the hood) will work fine and you get all of the ui-box css props available directly on the component:

<Image src="pupdanceparty.gif" alt="Puppies dancing" marginTop={32} />