---
path: "/box/props"
component: "box"
type: "atom"
title: "Box"
---

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| color | sets the color of the children texts | string or array | null |
| height | height of the box | number, string or array | null |
| m | margin | number, string or array | null |
| maxHeight | maximum height of the box | number, string or array | null |
| maxWidth | maximum width of the box | number, string or array | null |
| mb | margin bottom | number, string or array | null |
| minHeight | minimum height of the box | number, string or array | null |
| minWidth | minimum width of the box | number, string or array | null |
| ml | margin left | number, string or array | null |
| mr | margin right | number, string or array | null |
| mt | margin top | number, string or array | null |
| mx | margin for left and right | number, string or array | null |
| my | margin for top and bottom | number, string or array | null |
| p | padding for all 4 side | number, string or array | null |
| pb | padding bottom | number, string or array | null |
| pl | padding left | number, string or array | null |
| pr | padding right | number, string or array | null |
| pt | padding top | number, string or array | null |
| px | padding for left and right | number, string or array | null |
| py | padding for top and bottom | number, string or array | null |
| width | width of the box | number, string or array | null |