Image

Note: I have set the root font-size to 10px for this library.

Instructions to import the Image component in your CSS or HTML:

Responsive Image

by default, a SUI image fills in and takes 100% width of its container. Add img_fit class to show the entire image.

The demo below shows an image of 600 x 400px in both variants.

random600x400
random600x400

Round Image

similar to responsive image, in round shape

The demo below shows an image of 800 x 400px and 400 x 400px respectively.

random800x400
random400x400