Form Textarea

Form textarea component.

# Basic Usage

<x-textarea />

# Label & Hint

Name

Insert the description

<x-textarea label="Name" hint="Insert the description" />

# Readonly & Disabled

Readonly

Readonly text

Disabled

<x-textarea label="Readonly" value="Readonly text" readonly />
<x-textarea label="Disabled" value="Disabled text" disabled />

# Required Label Indicator

An option to display an asterisk indicating that the field is required.

Description *

<x-textarea label="Description *" />

# Resize

<x-textarea resize />

# Resize Auto

An option to auto increase the size of textarea.

<x-textarea resize-auto />

# Character Count

An option to show the number of characters.

<div class="space-y-8">
    <x-textarea maxlength="10" count />
 
    <!-- Only character quantity -->
    <x-textarea count />
</div>

The character count element uses an absolute position, make sure to leave space between the elements below the component. Otherwise the number may appear on top of the HTML elements.