Image Preview
Images, like photos and illustrations, help reinforce a message and express your product or app's style.
Loading...
Properties
alt
Description of the image, which isn’t mandatory but is incredibly useful for accessibility
-
Default:
noneblock
An image can take up the width of its container.
boolean
Default:
false
bordered
An image can appear with a rectangular border.
boolean
Default:
false
fit
An image can set how it should be resized to fit its container.
“none”
“center”
“contain”
“cover”
“default”
Default:
“‘default’”
shadow
An image can appear elevated with shadow.
boolean
Default:
false
shape
An image can appear square, circular, or rounded.
“circular”
“square”
“rounded”
Default:
“‘square’”
src
Path to the image you want to display
-
Default:
none