Mask
How to add and style mask parts.
What is a Mask?
A mask is a container that houses an image, and crops the image to various shapes.
Location in the Parts Library: Base Parts > Layout > Mask
There are several different shapes to choose from:
Where Can I Use a Mask?
A mask can be used anywhere you would use an image. With that being said, don't overdo it with the shapes! They should be used where it makes sense in your overall page design and should be in keeping with your brand elements and/or product offering.
Adding and Editing a Mask
To add a mask, select the part where you’d like to add your mask go to Base Parts > Mask, select your preferred mask, and click ‘+’.
Once you've added your mask, select the mask to open the mask property editor on the right.
Like many other parts, borders, shadow, opacity, sizes, and spacing can be applied using the property editor on the right, once the mask has been selected.
Changing the Image and the Shape
Click on Image > Value Set to select your image from the Media Gallery or upload an image from your device.
Click on Shape > Value Set to reveal the mask shapes available, and select your preferred shape.
Related Information
Last updated
Was this helpful?