Containers
These containers separate the information from the background. The following options are detailed below:
Corner radius
The corner radius must be maintained on all inputs, cards or any component with corners.
4px
Corner radius
4px all sides.
With shadow
It is used only for elements that overlap such as modals, new windows or in the login.
Specs
Color: White
Corner radius: 4px
Drop shadow: X: 0 | Y: 4 | Blur: 6 | Spread:0 | 10%
Specs
Color: gray 100
Corner radius: 4px
Drop shadow: X: 0 | Y: 4 | Blur: 6 | Spread:0 | 10%
Without shadow
This container is used for tables and other elements that do not overlap like the previous case.
Specs
Color: White
Corner radius: 4px