x.*

A primitive to write CSS using props.

Usage

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

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

render(<x.div w={200} h={50} bg="primary" />)

import { x } from '@xstyled/styled-components'
render(<x.div w={200} h={50} bg="primary" />)

Read xstyled documentation to know more about it.