Box is a basic wrapper component for most layout related needs.

On this page

On this page


The box component is considered a utility component, as it can be used for something as simple as a rounded corner box.

By default there are no additional styles, as these can be achieved using styled system props to enable custom theme-aware styling.


Known accessibility issues (GitHub staff only)

View open accessibility issues related to this component