Box

A primitive to write CSS using props.

Usage

Smooth DOC uses xstyled under the hood. It gives you access to the Box component as a primitive to style everything without writing any line of CSS.

import { Box } from '@xstyled/styled-components'

render(<Box width={200} height={50} backgroundColor="primary" />)
import { Box } from '@xstyled/styled-components'
render(<Box width={200} height={50} backgroundColor="primary" />)

Read xstyled guide to know more about it.