|
1 | | -# rescript-chakra |
2 | | - |
3 | | -> ReScript binding for React Chakra-UI. |
| 1 | +<p align="center"> |
| 2 | + <img src="./rescript-chakra.png" /> |
| 3 | + <br /> |
| 4 | + <br /> |
| 5 | + <a href="#installation">Installation</a> // <a href="#example">Example</a> // <a href="#contribution">Contribution</a> // <a href="#acknowledgement">Acknowledgement</a> |
| 6 | +</p> |
4 | 7 |
|
5 | 8 | ## ToC |
6 | 9 |
|
@@ -81,11 +84,11 @@ open Chakra |
81 | 84 | @react.component |
82 | 85 | let make = () => <> |
83 | 86 | // m={2} refers to the value of `theme.space[2]` |
84 | | - <Box m={#two}> {"Tomato"->React.string} </Box> |
| 87 | + <Box m={#2}> {"Tomato"->React.string} </Box> |
85 | 88 | // You can also use custom values |
86 | 89 | <Box maxW={#px(960)} mx=#auto /> |
87 | 90 | // sets margin `8px` on all viewports and `16px` from the first breakpoint and up |
88 | | - <Box m={#array([#two, #three])} /> |
| 91 | + <Box m={#array([#2, #3])} /> |
89 | 92 | </> |
90 | 93 | ``` |
91 | 94 |
|
|
0 commit comments