Box

View Source

Box is the primitive component that other components build from.

Box with padding and a background color.

render(
  <Box padding={2} backgroundColor="blue-5" color="white">
    Box with padding and a background color.
  </Box>
)

render(
  <Box padding={2} backgroundColor="blue-5" color="white">
    Box with padding and a background color.
  </Box>
)

Props

Accepts all style props and valid HTML attributes.

asE

hoverStyleProps['hover']

Describes styles for the box when hovered.

inlineboolean

If true, sets display: inline-block, otherwise it defaults to display: block

visibleboolean

Controls display property. If false sets display: none, otherwise defaults to initial display value.

innerRefReactRef