Skip to main content

Image

The Image element displays an image. It has Image and Link fields. Image width and height options are described in the files and images documentation.

Image Border

The image has various border options.

Rounded

Pill

Circle


Box Shadow

Set a box shadow for the image. Additionally, if the image is linked, set a separate box shadow for the image on hover.

Small

Medium

Large

XLarge


Box Decoration

The image comes with various box decorations.

Default

Primary

Secondary


Floating Shadow

Select a floating shadow as a box decoration.

Mask

Select a mask as a box decoration.

SVG Images

SVG images can be injected into the page markup and further styled with CSS. Optionally, enable stroke animation so that the image looks as it is being drawn.

Link and Modal

There is an option to open an image link in a modal. This could be an image, video, or YouTube or Vimeo link. Any other link will be opened in an iframe.

Link Modal

Image Modal

Video Modal

YouTube Modal