---
title: "Box"
description: "Box is a component primitive that can be used to build the foundation of pretty much any other component."
sidebar_label: "Box"
slug: /reference/components/box
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Box

Box is a component primitive that can be used to build the foundation of pretty much any other component. It keeps details like spacing, borders and colors consistent with the rest of Gestalt, while allowing the developer to focus on the content. Also known as “div” or “view”.

**Package:** `@terreno/ui`  
**Categories:** Foundation  
**Props interface:** `BoxProps`  
**Story source:** [`demo/stories/Box.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Box.stories.tsx)

## Live demo

<ComponentDemo name="Box" />

## Props

_No documented props were extracted from TypeDoc._