Skip to main content

Decorations - Box Shadow

Box Shadow comes under Decorations category in Style Manager. As the name suggests, this category under the Style Manager contains styling properties to decorate a component by adding colors or images in the background.

DrapCode Builder Decorations

How to Add Box Shadow​

Allows you to add a shadow of any color to a component by adjusting the following fields:

  • X-Position: Shifts the shadow towards the x-axis.

  • Y-Position: Shifts the shadow towards the y-axis.

  • Blur: Makes the shadow hazy or indistinct in appearance.

  • Spread: Expands the shadow outwards.

  • Shadow Color: Opens color palette to chose the shade of a shadow.

  • Shadow Type: Contains two options:

    • Outside: Puts shadow outside the box

    • Inside: Puts shadow inside the box

      DrapCode Builder Box Shadow