@rocketsofawesome/mirage
Version:
[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
39 lines (38 loc) • 1.93 kB
Markdown
```js
/**
* ExampleFlexRow imports FlexRow styles simply by doing the following:
* const ExampleFlexRow = styled.section`
* ${FlexRow}
* `
**/
<ExampleFlexRow>
<FlexCol><div><span/></div></FlexCol>
<FlexCol desktop={{width: 6}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 6}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 4}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 4}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 4}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 3}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 3}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 3}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 3}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 2}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 2}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 2}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 2}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 2}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 2}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
<FlexCol desktop={{width: 1}}><div><span/></div></FlexCol>
</ExampleFlexRow>
```