feat(Typography): add binding for Heading and Text

rescript-ui · Jun 28, 2021 · 9f707a2 · 9f707a2
1 parent 51a1924
commit 9f707a2
Show file tree

Hide file tree

Showing 6 changed files with 1,903 additions and 32 deletions.
diff --git a/README.md b/README.md
@@ -187,6 +187,8 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
 ### Typography
 - [ ] Text
 - [ ] Heading
+- [x] Text
+- [x] Heading
 
 ### Overlay
 - [ ] Alert Dialog

diff --git a/examples/app.js b/examples/app.js
diff --git a/examples/app.res b/examples/app.res
@@ -1,3 +1,12 @@
+module TextAndHeading = {
+  open Chakra
+  @react.component
+  let make = () => <>
+    <Text noOfLines=#num(5)> {"Hello"->React.string} </Text>
+    <Text noOfLines=#array([5, 6, 7])> {"Hello"->React.string} </Text>
+    <Text _as=#i casing=#lowercase> {"Hello"->React.string} </Text>
+  </>
+}
 /**
  @see <https://chakra-ui.com/docs/features/style-props#margin-and-padding>
  **/

diff --git a/src/Chakra.res b/src/Chakra.res
@@ -74,6 +74,8 @@ module Kbd = Chakra__Kbd
 // TODO Typography
 // module Text = Chakra__Text;
 // module Heading = Chakra__Heading;
+module Text = Chakra__Text
+module Heading = Chakra__Heading
 
 // ### Overlay
 // TODO Overlay