5.1.0 • Published 8 months ago
simple-effing-primitive-layout v5.1.0
Features
Getting started
# via yarn
yarn add simple-effing-primitive-layout
# via npm
npm install --save simple-effing-primitive-layout
Usage
import { Box } from "simple-effing-primitive-layout";
ReactDOM.render(
<Box
width="100%"
height="100%"
display="flex"
align="center"
justify="center"
>
<Box
padding={20}
width={200}
border="1px solid #DDDDDD"
display="inline-flex"
direction="column"
>
<font
color="#505050"
size={4}
face="Verdana, Geneva, sans-serif"
weight="600"
>
<b>John Doe</b>
</font>
<font color="#909090" size={3} face="Verdana, Geneva, sans-serif">
@username
</font>
</Box>
</Box>,
document.getElementById("root")
);
Parser
import { Box } from "simple-effing-primitive-layout";
ReactDOM.render(
<Box parse="w:100% h:100% d:flex a:center j:center">
<Box
parse="pa:20 br:10 d:inline-flex fd:column mw:200"
border="1px solid #DDDDDD"
>
<font
color="#505050"
size={4}
face="Verdana, Geneva, sans-serif"
weight="600"
>
<b>John Doe</b>
</font>
<font color="#909090" size={3} face="Verdana, Geneva, sans-serif">
@username
</font>
</Box>
</Box>,
document.getElementById("root")
);
5.0.2
9 months ago
6.0.2-beta
8 months ago
5.1.0
9 months ago
5.0.1
9 months ago
5.0.0
9 months ago
6.0.9-beta
8 months ago
6.0.1-beta
8 months ago
4.0.1-alpha.1
9 months ago
6.0.7-beta
8 months ago
3.1.0
11 months ago
6.0.4-beta
8 months ago
6.0.0-beta
8 months ago
6.0.3-beta
8 months ago
4.0.0
10 months ago
4.0.2
9 months ago
6.0.5-beta
8 months ago
6.0.8-beta
8 months ago
3.0.1
1 year ago
3.0.0
1 year ago
2.0.3
1 year ago
2.0.4
1 year ago
2.0.2
1 year ago
2.0.1
1 year ago
2.0.0
1 year ago
1.1.6
2 years ago
1.1.5
2 years ago
1.1.4
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago