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']}