@rescriptbr/react-bootstrap

Rescript bindings for ReactBootstrap

Usage no npm install needed!

<script type="module">
  import rescriptbrReactBootstrap from 'https://cdn.skypack.dev/@rescriptbr/react-bootstrap';
</script>

README



Installation • Examples



Installation

First you need to install react-bootstrap as their documentation.

Basically you'll need to run these commands:

# with npm
npm add react-bootstrap@next bootstrap@5.1.0

# with yarn
yarn add react-bootstrap@next bootstrap@5.1.0

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

// App.js

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

Finally you can install this package running these commands:

# with npm
npm add -D @rescript/react-bootstrap

# with yarn
yarn add -D @rescript/react-bootstrap

Examples

Basic Form

module Form = ReactBootstrap.Form
module Button = ReactBootstrap.Button
module Container = ReactBootstrap.Container

@react.component
let make = () => {
  <Container>
    <Form>
      <Form.Group>
        <Form.Label> {`Email`->React.string} </Form.Label>
        <Form.Control _type="email" />
      </Form.Group>

      <Form.Group>
        <Form.Label> {`Senha`->React.string} </Form.Label>
        <Form.Control _type="password" />
      </Form.Group>

      <Button size=#lg _type=#submit>
        {`Acessar`->React.string}
      </Button>
    </Form>
  </Container>
}