Textarea

A simple textarea component. Accept all props of a regular textarea element.

Usage

import { Textarea } from "@newfold/ui-component-library";

<Textarea />

---

HTML Attributes

Since the Textarea component is a wrapper around a regular textarea element, all attributes of a regular textarea element are accepted.

For example, here's a Textarea instance with a placeholder and an id.

<Textarea 
    placeholder="Enter some text here"
    id="my-textarea"
/>

---

Value

To add a default value to the Textarea, you can render the Textarea as a dynamic component instead of self-closing.

The 'textarea' HTML element is a fundamental input control that allows users to input multiple lines of text.

<Textarea>
    The 'textarea' HTML element is a fundamental input control
    that allows users to input multiple lines of text.
</Textarea>

---

Label

You can use the Label component to add a label to your textarea.

Share your thoughts with us:

import { Label, Textarea } from "@newfold/ui-component-library";

<Label 
    htmlFor="my-textarea-label"
    label="Share your thoughts with us:"
    className="nfd-cursor-pointer"
/>
<Textarea 
    placeholder="Your thoughts here..."
    id="my-textarea-label"
    className="nfd-mt-2"
/>

---

Disabled

You can disable the textarea by passing the disabled prop.

<Textarea 
    placeholder="Add some text here..."
    disabled={true}
/>

---

Props

Attribute	Type	Description	Default
rows	number |	-	2
disabled	bool |	-	false
className	string |	-	-