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.jsimport"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

Examples

Basic Form

moduleForm=ReactBootstrap.FormmoduleButton=ReactBootstrap.ButtonmoduleContainer=ReactBootstrap.Container
@react.componentletmake= () => {
<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>
<Buttonsize=#lg_type=#submit>
{`Acessar`->React.string}
</Button>
</Form>
</Container>
}