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

Bridebook UI Library

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

export default class DropdownExamples extends Component {

  render() {
    const noop = () => false;

    return (
      <section>
        <Row>
          <Col xs={12}>
            <Link to="/examples/inputs/dropdown">
              <h4>Dropdown Compnent Examples</h4>
            </Link>
          </Col>
          <Col xs={12}>
            <div className="horizontal container">
              <Dropdown name="venueType"
                otherField="otherVenueType"
                otherFieldName="otherVenueTypeDetails"
                otherFieldMaxCharacters={80}
                updateAction={noop}
                value={{'castle': true}}>
                <option value="castle">Castle</option>
                <option value="barn">Barn</option>
              </Dropdown>
            </div>
          </Col>
        </Row>
      </section>
    );
  }
}