Demo: Textarea

The textarea component offers an easy way to set up a textarea field for your forms.

Basic Usage

<x-textarea name="basic-usage-demo" />

Custom Attributes

<x-textarea name="custom-attrs-demo"
            id="customAttrsDemo"
            rows="5"
            placeholder="This textarea is rendered with 5 rows"
/>
<x-textarea name="preset-value-demo"
            value="My preset value"
/>

<!-- can also be set like this: -->
<x-textarea name="preset-value-demo">
    My preset value
</x-textarea>

With Leading Addon

<x-textarea name="leading-addon-demo">
    <x-slot name="leadingAddon">
        <span class="w-5 h-5">
            <x-heroicon-o-location-marker />
        </span>
    </x-slot>
</x-textarea>