Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 3b06139

Browse files
committed
feat(HStack, VStack, WrapItem): add bindings for HStack, VStack, & WrapItem
1 parent 5846575 commit 3b06139

File tree

5 files changed

+2462
-1
lines changed

5 files changed

+2462
-1
lines changed

‎README.md‎

Lines changed: 3 additions & 1 deletion
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

‎src/Chakra.res‎

Lines changed: 17 additions & 0 deletions
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)

AltStyle によって変換されたページ (->オリジナル) /