Bootstrap: Textarea

Form control which supports multiple lines of text. Change rows attribute as necessary.

<Textarea rows='3' />

Bootstrap: Rubix Enhancements [API]

getInputDOMNode()

Access the raw DOM Node. Example:

var demo = React.createClass({
  componentDidMount: function() {
    var node = this.refs.textareaelement.getInputDOMNode();
    console.log(node.getAttribute('rows') === 3);
  },
  render: function() {
    return (
      <Textarea ref='textareaelement' rows='3' />
    );
  }  
});

getValue()

Convenience function to get the value of the raw input dom element. Example:

var demo = React.createClass({
  componentDidMount: function() {
    var value = this.refs.textareaelement.getValue();
    console.log(value === 'Default Value');
  },
  render: function() {
    return (
      <Textarea ref='textareaelement' rows='3' defaultValue='Default Value' />
    );
  }  
});