Textarea

A bigger box for typing longer messages or comments, like where you'd write a review or leave a comment on a blog post.

Adding the component

php artisan spur:add forms/textarea

If you use this to add the component, it will automatically add it to config/spur.php and auto-fetch the components files.

config/spur.php
"components": [
  'forms/textarea',
]

If you manually add the component in config/spur.php you would need to run
php artisan spur:fetch to import the component

Usage

Simple Textarea

<x-spur.textarea placeholder="Email Address"/>

With Label

<x-spur.field id="summary">
    <x-spur.label>Summary</x-spur.label>
    <x-spur.textarea placeholder="Summary goes here.." name="summary" />
</x-spur.field>

With Label and Description

Please write more about this topic here

<x-spur.field id="summary">
    <x-spur.label>Summary</x-spur.label>
    <x-spur.textarea placeholder="Summary goes here.." name="summary" />
    <x-spur.description>Please write more about this topic here</x-spur.description>
</x-spur.field>

Inline Field

Please write more about this topic here

<x-spur.field id="summary">
    <x-spur.label>Summary</x-spur.label>
    <x-spur.textarea placeholder="Summary goes here.." name="summary" />
    <x-spur.description>Please write more about this topic here</x-spur.description>
</x-spur.field>

Disabled Textarea

Please write more about this topic here

<x-spur.field id="summary" disabled>
    <x-spur.label>Summary</x-spur.label>
    <x-spur.textarea placeholder="Summary goes here.." name="summary" />
    <x-spur.description>Please write more about this topic here</x-spur.description>
</x-spur.field>

Invalid Textarea

Please write more about this topic here

<x-spur.field id="summary" invalid>
    <x-spur.label>Summary</x-spur.label>
    <x-spur.textarea placeholder="Summary goes here.." name="summary" />
    <x-spur.description>Please write more about this topic here</x-spur.description>
</x-spur.field>