@rescriptbr/react-bootstrap
v0.0.2
Published
Rescript bindings for ReactBootstrap
Downloads
17
Readme
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 [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 @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>
}