Structure
Structure elements provide you with items to space / block out your application. Box
wraps the content in a 15px padding, 1px border. Separator
can be used to separate sections, similar to a <hr />
.
Usage - Box
import { Box } from 'builtin-react'
<Box>Additional Content, any component or HTML can go here</Box>
<Box theme={{ lightGrey: 'red' }} />
Properties
Name |
Type |
Default |
Description |
className |
string |
null |
Custom class name to override css |
theme |
object |
null |
Used to change the theme of the component |
Usage - Separator
import { Separator } from 'builtin-react'
<Separator />
<Separator theme={{ lightGrey: 'blue' }} />
Properties
Name |
Type |
Default |
Description |
className |
string |
null |
Custom class name to override css |
theme |
object |
null |
Used to change the theme of the component |