Box is a primitive component that distributes alignment and spacing.
Box has no control over elements' composition. Use Composition instead.
Box supports all Prop aliases, except those specific to CSS Grid.
Prop name | Type | Description |
|
| Display a box as |
|
| Uses inline display. |
import React from 'react'import { Box } from 'atomic-layout'export const Header = ({ children }) => (<Box as="header" padding={10} paddingMd={20}>{children}</Box>)