Shadow Presets

Shadow presets is a group of presets that you can set in Theme Styles \ Style Kits and apply on various elements in your layout.

In Theme Styles, under the Style Kits panel you will find the related UI controls. You can customise the name of these presets by clicking on the labels.

Applying Shadow presets on Elements and containers


In container elements, go to the Style Tab > Border and you will find a Shadow Preset dropdown near the Box Shadow UI control. Use it to apply a preset on your container.


In the editor, in most elements you can find the shadow presets dropdown under the Advanced Tab, in the Border panel.

Overriding the shadow Presets

Manually adding a custom value to the box shadow popup, will override the Shadow preset.

Important step after re-naming presets

After editing a name to any of the presets, when you get back to the editor you must refresh the page, in order for the updated preset names to be displayed in the dropdown.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us