Box

Box is the most abstract component on top of which all other Outkit components are built. By default, it renders a div element.

The Box component:

• Creates responsive layouts with ease.
• Provides a shorthand way to pass styles via props (bg instead of backgroundColor).
• Composes new component and allow for override using the as prop.

Import

import { Box } from '@outfitio/outkit';

Usage

Example

as prop

You can use the as prop to change the element render, just like styled-components.