Components / Foundations
TextAreaBase
The native <textarea> for Cynosure, and the only module allowed to render one. It is a foundation: no visual opinions, so composites style it.
Who uses itLink to "Who uses it"
When to use it directlyLink to "When to use it directly"
Only when building a new multi-line text composite that needs a native textarea.
Use a component instead when you want a multi-line text box: TextArea. For single-line text use TextField.
UsageLink to "Usage"
tsx
import { TextAreaBase } from "@arshad-shah/cynosure";
<TextAreaBase className="my-notes" name="notes" rows={4} invalid={hasError} />PropsLink to "Props"
It accepts every native textarea attribute, plus invalid.
| Prop | What it does | Type | Default |
|---|---|---|---|
invalid | Maps to aria-invalid. | boolean |
Generated from the type definitions in @arshad-shah/cynosure 0.5.0.
GuaranteesLink to "Guarantees"
invalidmaps toaria-invalid; when it is not set, the attribute is omitted.- The ref reaches the native
<textarea>. - No styling: composites add their own classes.
RelatedLink to "Related"
These examples run Cynosure 0.5.0 (commit 50ce30b), the version on npm.