You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

21 lines
389 B

  1. import PureRenderMixin from 'react-addons-pure-render-mixin';
  2. const CharacterCounter = React.createClass({
  3. propTypes: {
  4. text: React.PropTypes.string.isRequired
  5. },
  6. mixins: [PureRenderMixin],
  7. render () {
  8. return (
  9. <span style={{ fontSize: '16px', cursor: 'default' }}>
  10. {this.props.text.length}
  11. </span>
  12. );
  13. }
  14. });
  15. export default CharacterCounter;