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>

// With override theme - will change the border colour
<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 />

// With override theme - will change the colour of the line
<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