```js
initialState = {
  value: '',
}
;<div>
  <div className="mb6">
    <Textarea label="Default state">Please enter your feedbacks here…</Textarea>
  </div>
  <div className="mb6">
    <Textarea disabled label="Disabled">
      Cant touch this!
    </Textarea>
  </div>
  <div className="mb6">
    <Textarea
      label="With helper"
      helpText={<span>Your help text goes here!</span>}
    />
  </div>
  <div className="mb6">
    <Textarea label="With error" error errorMessage="Somehow wrong" />
  </div>
  <div className="mb6">
    <Textarea
      label="Controlling text (no spaces) with character countdown"
      onChange={e => setState({ value: e.target.value.trim() })}
      value={state.value}
      maxLength="100"
      helpText="You can have helper text alongside the countdown."
    />
  </div>
</div>
```