## Border
We standardize the borders that can be used in buttons, cards, pop-ups and other components.
### Border
There are few border styles to choose.
Name |
Thickness |
Demo |
Solid |
1px |
|
Dashed |
2px |
|
### Radius
There are few radius styles to choose.
No Radius
border-radius: 0px
Small Radius
border-radius: {{borderRadiusSmall}}
Large Radius
border-radius: {{borderRadiusBase}}
Round Radius
border-radius: 30px
### Shadow
There are few shadow styles to choose.
Basic Shadow box-shadow: {{boxShadowBase}}
Light Shadow box-shadow: {{boxShadowLight}}