bridebook-ui-library/examples/inputs/checkbox.js

Bridebook UI Library

import React from 'react';
import {Link} from 'react-router';
import Component from 'react-pure-render/component';
import {Checkbox, Checkboxes} from '../../src/components';
import {Col, Row} from 'react-bootstrap/lib/';

const noop = () => false;

export default class CheckboxExamples extends Component {
  render() {
    return (
      <section className="vertical container">
        <Link to="/examples/inputs/checkbox">
          <h4>Checkbox Compnent Examples</h4>
        </Link>
        <Row>
          <Checkbox
            action={noop}
            name="example1"
            title="Simple Unchecked"/>
          <Checkbox
            action={noop}
            name="example1"
            title="Simple Checked"
            value/>
          <Checkbox
            action={noop}
            name="example1"
            title="Simple Disabled"
            disabled/>

            <Checkboxes
              field="venueSection"
              value="outdoorSpace"
              heading="Venue Requirements"
              updateAction={noop}
              xs={12}>
              <item field="outdoorSpace" title="Outdoor Reception Space"/>
              <item field="disabledAccess" title="Disabled Access"/>
            </Checkboxes>
        </Row>
      </section>
    );
  }
}