Open nfiniteset opened 7 years ago
As a developer I want to add spacers to my application So that my users will see consistent spacing throughout my app
<div /> <Spacer width="m" /> <div />
<div style="display: flex" /> <div /> <Spacer type="inline" width="m" /> <div /> <div />
<Spacer inset="m"> <h1>Hello, world!</h1> </Spacer>
Spacer = { inset: PropTypes.string, // => hig.setInset(inset) type: PropTypes.string, // => hig.setType(type) width: PropTypes.string // => hig.setWidth(width) }
TODO
Typical usages
Stack w/ medium spacing
Inline w/ medium spacing
Stack w/ medium inset
Complete props
TODO