https://github.com/rescriptbr/rescript-react-bootstrap

:zap: ReScript bindings for ReactBootstrap
https://github.com/rescriptbr/rescript-react-bootstrap

bootstrap5 react react-bootstrap rescript rescript-bindings rescript-react rescript-react-bindings

Last synced: 17 days ago
JSON representation

:zap: ReScript bindings for ReactBootstrap

• Host: GitHub
• URL: https://github.com/rescriptbr/rescript-react-bootstrap
• Owner: rescriptbr
• License: mit
• Created: 2021-09-07T02:23:18.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-04-18T22:13:34.000Z (over 2 years ago)
• Last Synced: 2024-10-16T05:16:24.999Z (28 days ago)
• Topics: bootstrap5, react, react-bootstrap, rescript, rescript-bindings, rescript-react, rescript-react-bindings
• Language: ReScript
• Homepage:
• Size: 60.5 KB
• Stars: 8
• Watchers: 4
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        



   

  
 


  Installation • 

  Examples







## Installation

First you need to install `react-bootstrap` as their [documentation](https://react-bootstrap.github.io/getting-started/introduction).

Basically you'll need to run these commands:

```sh

# with npm

npm add react-bootstrap@next [email protected]

# with yarn

yarn add react-bootstrap@next [email protected]

```

Then, you'll need to import `bootstrap` styles into your app:

```js

// App.js

import "bootstrap/dist/css/bootstrap.min.css";

```

Finally you can install this package running these commands:

```sh

# with npm

npm add -D @rescriptbr/react-bootstrap

# with yarn

yarn add -D @rescriptbr/react-bootstrap

```

## Examples

### Basic Form

```rescript

module Form = ReactBootstrap.Form

module Button = ReactBootstrap.Button

module Container = ReactBootstrap.Container

@react.component

let make = () => {

  

    

      

         {`Email`->React.string} 

        

      

      

         {`Senha`->React.string} 

        

      

      

        {`Acessar`->React.string}

      

    

  

}

```