---
title: Box
description: A box is a generic container that provides managed access to design tokens.
order: 1
props:
  packageName: '@atlaskit/primitives/compiled'
  exports:
    - Box
---

import { CodeDocsHeader } from '@af/design-system-docs-ui';

<CodeDocsHeader
	name="@atlaskit/primitives"
	repository="https://bitbucket.org/atlassian/atlassian-frontend-mirror"
	directoryName="primitives"
/>

Box also supports all valid props as specified by the HTML element type in the `as` prop. The
default is a `div`, so it would support all valid `HTMLDivElement` props.

## Props

<TSMorphProps exportName="Box" packageName="@atlaskit/primitives/compiled" />