@vtex/styleguide
Version:
> VTEX Styleguide React components ([Docs](https://vtex.github.io/styleguide))
34 lines (33 loc) • 827 B
Markdown
```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>
```