The Box component serves as a wrapper component for most layout related needs. Use Box to set values such as display, width, height, and more. See the LAYOUT section of our System Props documentation for the full list of available props. In practice, this component is used frequently as a wrapper around other components to achieve Box Model related styling.
Box can be used to create both inline and
elements with fixed or responsive width and height,