Form Textarea

Form textarea component.

Form Textarea, Personalization Blocks

Example:

TallStackUi::personalize()
    ->form('textarea')
    ->block('block', 'classes');

# Basic Usage

<x-textarea />

# Label & Hint

Name

Insert the description

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

# 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.