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