Box
Box
is simply a div
with additional props. It accepts margin
, padding
and radii
props. Similar to CSS, you can pass up to 4 values to these props. Any space
values ("xs"
, "sm"
, "md"
, etc.) are accepted. "0"
is also a valid value.
This Box
has the following props:
padding="lg" radii="md" margin="2xl"
This Box
has the following props:
padding={['lg', '2xl']} radii={['lg', '0', 'lg']} margin= {['sm', 'lg', 'xl', 'md']}