```jsx
<Box p={4} text="white" bg="blue">
  Box
</Box>
```

```jsx
<Box p={4} text="white" bg="blue" inlineBlock m={{r: 4}}>
  Box inlineBlock
</Box>

<Box p={4} text="white" bg="purple" inline>
  Box inline
</Box>
```