next.js/examples/form-handler/components/UserForm.js

import { Col, Row } from 'react-bootstrap'

import Input from '../handlers/Input'

const UserForm = () => {
  return (
    <div>
      <Row>
        <Col lg={8} lgOffset={4}>
          <Input controlLabel='Name' title='user' name='name' />
        </Col>
        <Col lg={8} lgOffset={4}>
          <Input controlLabel='Last name' title='user' name='lastName' />
        </Col>
        <Col lg={8} lgOffset={4}>
          <Input controlLabel='Email' type='email' title='user' name='email' />
        </Col>
        <Col lg={8} lgOffset={4}>
          <Input
            controlLabel='Password'
            type='password'
            title='user'
            name='password'
          />
        </Col>
      </Row>
    </div>
  )
}

export default UserForm