---
title: Box
description:
  Box is a general purpose low-level primitive with no specific semantics that
  can be used for layout and styling. All other layout primitives, and most of
  Keystar UI's components, are made up of Boxes.
category: Layout
---

## Examples

### Box with border

```jsx {% live=true %}
<Box
  border="neutral"
  borderRadius="regular"
  padding="large"
  position="relative"
>
  <Text>Lorem ipsum dolor sit amet.</Text>
</Box>
```
