Effects Setting In Components

Modified on Mon, 13 Feb 2023 at 02:31 PM

By using this setting Border, Shadow, and Radius of the Selected component can be changed.

It has Three Sub Categories:- 

BORDER  

This feature is used to add a border to the selected component. 

 

Border width - To change the width of the border in pixels(px).

Border Style - To change the border style to Solid, Dashed, Dotted, Double, Groove, Ridge, Inset, Outset, or None.

 

Border Color - To change the Border Color. 

One can change the border color by using the color palette or Hex code. 

 
BORDER RADIUS 

 

To change the border radius of the selected component. 

It can be changed from a different side of the component by the available border-radius option’s, shown in the image above.

BOX SHADOW 
 

By using this setting the shadow of the selected component can be changed and adjusted.

 

There are different types of box-shadow settings available in the settings according to the sides of the components. 

 

Box shadow horizontal and vertical settings are used to adjust the shadow of the component from the horizontal as well as the vertical side.

 

Box shadow spread & Blur is used to control the spread of the shadow around the component. 

 

Box shadow color can be changed using the color palette or Hex code. 


Box shadow type -  A shadow can be adjusted inside as well as outside of the selected component by using this setting.

 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article