Skip to content

feat(Select): add bindings for select #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 28, 2021
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 17 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,25 +29,25 @@

## Installation

Run the following in your favorit console:
Run the following in your favorit console:
```console
yarn add rescript-chakra
yarn add rescript-chakra
```

**OR**

```console
npm install --save rescript-chakra
npm install --save rescript-chakra
```

**Don't forget** install dependencies requirements of `@chakra-ui/react` (Skip when exist)

```console
yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4
```

**OR**

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

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

# Docs
All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌.
All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌.

## Style Props
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).

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

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)

## Component

### Layout
- [x] Aspect Ratio
- [x] Box
- [x] Box
- [x] Center
- [x] Square
- [x] Circle
Expand All @@ -141,7 +141,7 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
- [ ] Number Input
- [ ] Pin Input
- [ ] Radio
- [ ] Select
- [x] Select
- [ ] Slider
- [ ] Switch
- [ ] Textarea
Expand Down Expand Up @@ -239,8 +239,8 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https
- [ ] useTheme
- [ ] useToken

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

## Make a new component binding
Expand All @@ -256,5 +256,5 @@ hygen Box new --name Flex
```

# Acknowledgement
* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications
* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications
* [**giraud/bs-css**](https://github.com/giraud/bs-css) Statically typed DSL for writing css in reason.
2 changes: 1 addition & 1 deletion src/Chakra.res
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ module ButtonGroup = Chakra__ButtonGroup
// module Number Input = Chakra__Input;
// module Pin Input = Chakra__Input;
// module Radio = Chakra__Radio;
// module Select = Chakra__Select;
module Select = Chakra__Select
// module Slider = Chakra__Slider;
// module Switch = Chakra__Switch;
// module Textarea = Chakra__Textarea;
Expand Down
Loading