Documentation
Image

Image

A component to display graphical elements.

It is the native img element in the browser, which means you can pass in any props supported by the browser.

Props

PropTypeDefaultDescription
name
String
'image.svg'

File name (required if src or alt not defined)

dir
String

Directory path to the file (without file name) if src not given

src
String

Image file source URL or full file path (takes priority over file name)

alt
String

Alternative text description of the image (auto generated from file name)

loading
Enum
'lazy'
decoding
Enum
'async'
className
Class Name

CSS class names separated by space

Examples

Using file `name` relative to `/static/images/` folder
image
Using `src` attribute
image
Custom Image Style
image