Floating labels

BsForm renders a real <form> that styles the Bootstrap form classes inside it; onSubmitted reports a submit (without an action, the page reload is cancelled). BsFloatingLabel takes a control and then its<label>, and points a label without for at the control.

Basic usage

Source

import { BsForm } from '@mintplayer/react-bootstrap/form';import { BsFloatingLabel } from '@mintplayer/react-bootstrap/floating-labels';<BsForm onSubmitted={() => setSent(true)}>  <BsFloatingLabel>    <input type="email" className="form-control" placeholder="name@example.com" />    <label>Email address</label>  </BsFloatingLabel></BsForm>