Fundamentals
Box
Specification
Box is a primitive component that distributes alignment and spacing.
Props
Prop name
Type
Description
flexbooleanDisplay a box as
flex.inlinebooleanUses inline display.
Example
1
import React from 'react'
2
import { Box } from 'atomic-layout'
3
4
export const Header = ({ children }) => (
5
<Box as="header" padding={10} paddingMd={20}>
6
{children}
7
</Box>
8
)
Copied!
Last modified 2yr ago
Copy link