Skip to content

Commit c17018f

Browse files
committed
feat(HStack, VStack, WrapItem): add bindings for HStack, VStack, & WrapItem
1 parent cce0466 commit c17018f

File tree

5 files changed

+2462
-1
lines changed

5 files changed

+2462
-1
lines changed

Diff for: README.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -124,8 +124,10 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
124124
- [ ] GridItem
125125
- [x] SimpleGrid
126126
- [x] Stack
127+
- [x] VStack
128+
- [x] HStack
127129
- [x] Wrap
128-
- [ ] WrapItem
130+
- [x] WrapItem
129131

130132
### Forms
131133
- [x] Button

Diff for: src/Chakra.res

+17
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1+
// ## API
12
let pseudo = Chakra__MakeProps.Pseudo.make
3+
// ## Components
24
module Provider = {
35
@module("@chakra-ui/react") @react.component
46
external make: (
@@ -21,13 +23,19 @@ module Circle = Chakra__Circle
2123
module Container = Chakra__Container
2224
module Flex = Chakra__Flex
2325
module Grid = Chakra__Grid
26+
// TODO Layout
27+
// module GridItem = Chakra__GridItem
2428
module SimpleGrid = Chakra__SimpleGrid
2529
module Stack = Chakra__Stack
30+
module VStack = Chakra__VStack
31+
module HStack = Chakra__HStack
2632
module Wrap = Chakra__Wrap
33+
module WrapItem = Chakra__WrapItem
2734

2835
// ### Forms
2936
module Button = Chakra__Button
3037
module ButtonGroup = Chakra__ButtonGroup
38+
// TODO Forms
3139
// module Checkbox = Chakra__Checkbox;
3240
// module Editable = Chakra__Editable;
3341
// module Form Control = Chakra__Control;
@@ -47,12 +55,14 @@ module CloseButton = Chakra__CloseButton
4755
module Code = Chakra__Code
4856
module Divider = Chakra__Divider
4957
module Kbd = Chakra__Kbd
58+
// TODO Data Display
5059
// module List = Chakra__List;
5160
// module Stat = Chakra__Stat;
5261
// module Table = Chakra__Table;
5362
// module Tag = Chakra__Tag;
5463

5564
// ### Feedback
65+
// TODO Feedback
5666
// module Alert = Chakra__Alert;
5767
// module Circular Progress = Chakra__Progress;
5868
// module Progress = Chakra__Progress;
@@ -61,10 +71,12 @@ module Kbd = Chakra__Kbd
6171
// module Toast = Chakra__Toast;
6272

6373
// ### Typography
74+
// TODO Typography
6475
// module Text = Chakra__Text;
6576
// module Heading = Chakra__Heading;
6677

6778
// ### Overlay
79+
// TODO Overlay
6880
// module Alert Dialog = Chakra__Dialog;
6981
// module Drawer = Chakra__Drawer;
7082
// module Menu = Chakra__Menu;
@@ -73,25 +85,30 @@ module Kbd = Chakra__Kbd
7385
// module Tooltip = Chakra__Tooltip;
7486

7587
// ### Disclosure
88+
// TODO Disclosure
7689
// module Accordion = Chakra__Accordion;
7790
// module Tabs = Chakra__Tabs;
7891
// module Visually Hidden = Chakra__Hidden;
7992

8093
// ### Navigation
94+
// TODO Navigation
8195
// module Breadcrumb = Chakra__Breadcrumb;
8296
// module Link = Chakra__Link;
8397
// module LinkOverlay = Chakra__LinkOverlay;
8498

8599
// ### Media and Icons
100+
// TODO Media and Icons
86101
// module Avatar = Chakra__Avatar;
87102
// module Icon = Chakra__Icon;
88103
// module Image = Chakra__Image;
89104

90105
// ### Others
106+
// TODO Others
91107
// module Portal = Chakra__Portal;
92108
// module Transitions = Chakra__Transitions;
93109

94110
// ### Hooks
111+
// TODO Hooks
95112
// let useBoolean = Chakra__Hooks.useBoolean;
96113
// let useBreakpointValue = Chakra__Hooks.useBreakpointValue;
97114
// let useClipboard = Chakra__Hooks.useClipboard;

0 commit comments

Comments
 (0)