Skip to content

Commit 9f707a2

Browse files
committed
feat(Typography): add binding for Heading and Text
1 parent 51a1924 commit 9f707a2

File tree

6 files changed

+1903
-32
lines changed

6 files changed

+1903
-32
lines changed

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,8 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
187187
### Typography
188188
- [ ] Text
189189
- [ ] Heading
190+
- [x] Text
191+
- [x] Heading
190192

191193
### Overlay
192194
- [ ] Alert Dialog

examples/app.js

Lines changed: 295 additions & 32 deletions
Large diffs are not rendered by default.

examples/app.res

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,12 @@
1+
module TextAndHeading = {
2+
open Chakra
3+
@react.component
4+
let make = () => <>
5+
<Text noOfLines=#num(5)> {"Hello"->React.string} </Text>
6+
<Text noOfLines=#array([5, 6, 7])> {"Hello"->React.string} </Text>
7+
<Text _as=#i casing=#lowercase> {"Hello"->React.string} </Text>
8+
</>
9+
}
110
/**
211
@see <https://chakra-ui.com/docs/features/style-props#margin-and-padding>
312
**/

src/Chakra.res

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,8 @@ module Kbd = Chakra__Kbd
7474
// TODO Typography
7575
// module Text = Chakra__Text;
7676
// module Heading = Chakra__Heading;
77+
module Text = Chakra__Text
78+
module Heading = Chakra__Heading
7779

7880
// ### Overlay
7981
// TODO Overlay

0 commit comments

Comments
 (0)