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 26e9b43

Browse files
tjbor17x
authored andcommitted
feat(Select): add bindings for select (#17)
* feat(Select): add bindings for select * (fix): makeProps for select variant and size
1 parent bfc2d55 commit 26e9b43

File tree

5 files changed

+848
-20
lines changed

5 files changed

+848
-20
lines changed

‎README.md‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -29,25 +29,25 @@
2929

3030
## Installation
3131

32-
Run the following in your favorit console:
32+
Run the following in your favorit console:
3333
```console
34-
yarn add rescript-chakra
34+
yarn add rescript-chakra
3535
```
3636

3737
**OR**
38-
38+
3939
```console
40-
npm install --save rescript-chakra
40+
npm install --save rescript-chakra
4141
```
4242

4343
**Don't forget** install dependencies requirements of `@chakra-ui/react` (Skip when exist)
44-
44+
4545
```console
4646
yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4
4747
```
4848

4949
**OR**
50-
50+
5151
```console
5252
npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4
5353
```
@@ -73,7 +73,7 @@ import { Box } from "@chakra-ui/react"
7373
// sets margin `8px` on all viewports and `16px` from the first breakpoint and up
7474
<Box m={[2, 3]} />
7575

76-
// ReScript 🟥
76+
// ReScript 🟥
7777
open Chakra
7878
@react.component
7979
let make = () => <>
@@ -89,8 +89,8 @@ let make = () => <>
8989
Or you can check this [**Example**](https://github.com/ri7nz/rescript-chakra/tree/main/examples).
9090

9191
# Docs
92-
All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌.
93-
92+
All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌.
93+
9494
## Style Props
9595
This is following and closely same with Chakra-UI. [**See Style Props**](https://chakra-ui.com/docs/features/style-props#reference) and Implemented typed **Props** with typed **CSS-Properties** use [bs-css](https://github.com/giraud/bs-css/blob/cb242dbd08a00bd848faecb756a9ddce68d8707a/bs-css/src/Css_AtomicTypes.rei).
9696

@@ -101,20 +101,20 @@ This is following and closely same with Chakra-UI. [**See Style Props**](https:/
101101
- [x] [Flexbox](https://chakra-ui.com/docs/features/style-props#flexbox)
102102
- [x] [Grid Layout](https://chakra-ui.com/docs/features/style-props#grid-layout)
103103
- [x] [Background](https://chakra-ui.com/docs/features/style-props#background)
104-
- [x] [Borders](https://chakra-ui.com/docs/features/style-props#borders)
104+
- [x] [Borders](https://chakra-ui.com/docs/features/style-props#borders)
105105
- [x] [Border Radius](https://chakra-ui.com/docs/features/style-props#border-radius)
106106
- [x] [Position](https://chakra-ui.com/docs/features/style-props#position)
107107
- [x] [Shadow](https://chakra-ui.com/docs/features/style-props#shadow)
108108
- [x] [Pseudo](https://chakra-ui.com/docs/features/style-props#pseudo)
109109
- [ ] [Other Style Props](https://chakra-ui.com/docs/features/style-props#other-props) 🚧 (_Partially Implemented_)
110110

111111
All of Style Props implementation is write in File:[Chakra__MakeProps.res](https://github.com/ri7nz/rescript-chakra/blob/main/src/Interfaces/Chakra__MakeProps.res)
112-
112+
113113
## Component
114-
114+
115115
### Layout
116116
- [x] Aspect Ratio
117-
- [x] Box
117+
- [x] Box
118118
- [x] Center
119119
- [x] Square
120120
- [x] Circle
@@ -141,7 +141,7 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
141141
- [ ] Number Input
142142
- [ ] Pin Input
143143
- [ ] Radio
144-
- [] Select
144+
- [x] Select
145145
- [ ] Slider
146146
- [ ] Switch
147147
- [ ] Textarea
@@ -239,8 +239,8 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
239239
- [ ] useTheme
240240
- [ ] useToken
241241

242-
# Contribution
243-
## Make a Pull Request
242+
# Contribution
243+
## Make a Pull Request
244244
* Please, refer with [conventionalcommits.org](https://www.conventionalcommits.org) for write `commit` message.
245245

246246
## Make a new component binding
@@ -256,5 +256,5 @@ hygen Box new --name Flex
256256
```
257257

258258
# Acknowledgement
259-
* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications
259+
* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications
260260
* [**giraud/bs-css**](https://github.com/giraud/bs-css) Statically typed DSL for writing css in reason.

‎src/Chakra.res‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ module ButtonGroup = Chakra__ButtonGroup
4444
// module Number Input = Chakra__Input;
4545
// module Pin Input = Chakra__Input;
4646
// module Radio = Chakra__Radio;
47-
// module Select = Chakra__Select;
47+
module Select = Chakra__Select
4848
// module Slider = Chakra__Slider;
4949
// module Switch = Chakra__Switch;
5050
// module Textarea = Chakra__Textarea;

0 commit comments

Comments
(0)

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