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

Bridebook UI Library

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

export default class DropdownExamples extends Component {

  constructor(props) {
    super(props);

    this.state = {
      value: '',
    };
  }

  noop = ({target: {name, value}}) => {
    this.setState({value});
  };

  render() {

    return (
      <section>
        <Row>
          <Col xs={12}>
            <Link to="/examples/inputs/dropdown">
              <h4>TextArea Compnent Examples</h4>
            </Link>
          </Col>
          <Col xs={12}>
            <div className="horizontal container">
              <TextArea
                action={this.noop}
                name="description"
                maxCharacters={400}
                title={'TextArea'}
                value={this.state.value}
              />
            </div>
          </Col>
        </Row>
      </section>
    );
  }
}