---
title: Box
category: Primitives
summary: Box is the primitive component that other components build from. It is responsible for processing all [style props](/style-props).
order: 1
---

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