# <Box />
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis inventore autem minus optio dolorem id. Cumque pariatur ex facere voluptatem perspiciatis porro libero. Suscipit blanditiis eum saepe obcaecati quis aliquam?
# Usage
<Box :pad="[2, 3, 4]">
...
</Box>
RESULT
Box Content
# Props
# pad
- Type:
StringorArray<String> - Default:
null
A responsive prop bound to the spacing scale that applies padding to all sides of the <Box />. When specified, the pad prop overrides the padX and padY props.
# as
- Type:
String -
Default:
div
The HTML element to render the
< Box /> component as. See
semantic HTML
for more details.
# css
- Type:
Object - Default:
{}
Additional styles applied to the component that leverage the theme when
available. Visit the
css prop documentation for more
details.
# Examples
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis inventore autem minus optio dolorem id. Cumque pariatur ex facere voluptatem perspiciatis porro libero. Suscipit blanditiis eum saepe obcaecati quis aliquam?