sc-react-ions/docs/src/app/pages/components/Textarea/ExampleTextareaDisabled.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import Button from 'react-ions/lib/components/Button'
import Textarea from 'react-ions/lib/components/Textarea'
import style from './style.scss'

class ExampleTextareaDisabled extends React.Component {
  constructor(props) {
    super(props)
  }

  state = {
    disabled: true
  }

  toggleDisabled = () => {
    this.setState({ disabled: !this.state.disabled })
  }

  render() {
    return (
      <div>
        <Button onClick={this.toggleDisabled} optClass={style.toggle}>{this.state.disabled ? 'Enable' : 'Disabled' } Field</Button>
        <Textarea value='' disabled={this.state.disabled} />
      </div>
    )
  }
}

export default ExampleTextareaDisabled