rebass-space 5.0.0
Install from the command line:
Learn more about npm packages
$ npm install @streetwriters/rebass-space@5.0.0
Install via package.json:
"@streetwriters/rebass-space": "5.0.0"
About this version
React component for applying responsive margin and padding to child elements without a wrapping HTML container. Built with Styled System.
npm i @streetwriters/rebass-spaceimport React from "react";
import Space from "@streetwriters/rebass-space";
// Apply margin to child components without a wrapping <div>
const App = (props) => (
<Space mx={3} my={[2, 3]}>
<h1>Hello</h1>
<h2>Hi</h2>
<button>Beep</button>
</Space>
);The Space component uses Styled System's space utility to add margin and padding props.
| Prop | Description | Type |
|---|---|---|
m |
margin | number, string, or array |
mt |
margin-top | number, string, or array |
mr |
margin-right | number, string, or array |
mb |
margin-bottom | number, string, or array |
ml |
margin-left | number, string, or array |
mx |
margin x-axis (left and right) | number, string, or array |
my |
margin y-axis (top and bottom) | number, string, or array |
p |
padding | number, string, or array |
pt |
padding-top | number, string, or array |
pr |
padding-right | number, string, or array |
pb |
padding-bottom | number, string, or array |
pl |
padding-left | number, string, or array |
px |
padding x-axis (left and right) | number, string, or array |
py |
padding y-axis (top and bottom) | number, string, or array |
MIT License
Details
- rebass-space
-
streetwriters
- over 2 years ago
- MIT
- 4 dependencies
Assets
- rebass-space-5.0.0.tgz
Download activity
- Total downloads 0
- Last 30 days 0
- Last week 0
- Today 0