MoleculeTextareaField
is a component that wraps a composition of Label + Textarea + Validations Messages.
$ npm install @s-ui/react-molecule-textarea-field --save
After importing the component MoleculeTextareaField
like this
import MoleculeTextareaField from '@s-ui/react-molecule-textarea-field'
<MoleculeTextareaField
id="description"
label="Description"
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
maxChars={75}
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
errorText="All wrong!"
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
successText="Everything ok!"
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
alertText="Ok, but's something needs your attention..."
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
helpText="Enter some description with no less than 20 characters"
/>
<MoleculeTextareaField
id="description"
label="Description"
value="In some place of La Mancha which name..."
inline
/>
Find full description and more examples in the demo page.