CodeDesign presents you five kinds of effective borders that would make your creation stand apart from the rest. One that covers everyside of your component and the rest which specifies certain sides that you might want to border.
How to Apply Border to your Component
Select the element/component on which you have to add border.
Go to the Style settings on your right sidebar.
Scroll down to find Border settings.
Choose the suitable border style you need for your element.
Done and dusted!
How to Add Color to your Border
Select the element/component on which you have to add border.
Go to the Style settings on your right sidebar
Scroll down to find Border settings
Choose the colour that suits your border from the palette.
Tada!
You can also adjust the width and style of the border by entering a value or choosing a button respectively. Multiple style options have been included in CodeDesign, for your comfort and ease.
How to Alter the Shape of Your Element-Border
Choose the element on which you have applied border.
Go to the Style settings on your right sidebar.
Scroll down to find Border settings.
Find the Radius option beneath.
You can either opt the first option to adjust the shape from every side.
Or by choosing the second option, you can personalise the top, right, bottom, and left side values.
This way you can create a unique style to your elements / components.
Step by Step Explanation of Style Settings