@littlespoon/box

Install

Yarn:

yarn add @littlespoon/box

npm:

npm install @littlespoon/box --save

UNPKG

Usage

Import component:

import Box from '@littlespoon/box'

Style box with margin:

<Box sx={{ margin: '1rem' }}>Text</Box>

Style box with responsive breakpoints:

<Box sx={{ margin: '1rem', xs: { margin: '2rem' }, desktop: { margin: '3rem' } }}>Text</Box>