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 [email protected] # with yarn yarn add react-bootstrap@next [email protected]
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 @rescriptbr/react-bootstrap # with yarn yarn add -D @rescriptbr/react-bootstrap
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> }