@diagramers/admin/src/views/interface/forms/layouts/LayoutsLabelSize.js

Diagramers Admin Template - React starter for admin dashboards.

import React from 'react';
import { Col, Form, Row } from 'react-bootstrap';

const LayoutsLabelSize = () => {
  return (
    <Form>
      <Row>
        <Form.Label column="lg" lg={2}>
          Large Text
        </Form.Label>
        <Col>
          <Form.Control size="lg" type="text" placeholder="Large text" />
        </Col>
      </Row>
      <br />
      <Row>
        <Form.Label column lg={2}>
          Normal Text
        </Form.Label>
        <Col>
          <Form.Control type="text" placeholder="Normal text" />
        </Col>
      </Row>
      <br />
      <Row>
        <Form.Label column="sm" lg={2}>
          Small Text
        </Form.Label>
        <Col>
          <Form.Control size="sm" type="text" placeholder="Small text" />
        </Col>
      </Row>
    </Form>
  );
};

export default LayoutsLabelSize;