laravel-view-components
diff --git a/‎src/Components/Form/Textarea.php
Copy file name to clipboard
+61Lines changed: 61 additions & 0 deletions b/‎src/Components/Form/Textarea.php
Copy file name to clipboard
+61Lines changed: 61 additions & 0 deletions
diff --git a/‎src/FormServiceProvider.php
Copy file name to clipboardExpand all lines: src/FormServiceProvider.php
+1Lines changed: 1 addition & 0 deletions b/‎src/FormServiceProvider.php
Copy file name to clipboardExpand all lines: src/FormServiceProvider.php
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/Views/form/textarea.blade.php
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions b/‎src/Views/form/textarea.blade.php
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions
@@ -0,0 +1,61 @@
+<?php
+
+namespace LaravelViewComponents\Components\Form;
+
+use Illuminate\Support\Str;
+use Illuminate\View\Component;
+
+class Textarea extends Component
+{
+    /**
+     * The input id attribute.
+     *
+     * @var string
+     */
+    public $id;
+    /**
+     * The input name.
+     *
+     * @var string
+     */
+    public $name;
+    /**
+     * The input label.
+     *
+     * @var string
+     */
+    public $label;
+    /**
+     * The input placeholder.
+     *
+     * @var string
+     */
+    public $placeholder;
+
+    /**
+     * Create a new component instance.
+     *
+     * @param  string  $name
+     * @param  string  $label
+     * @param  string  $placeholder
+     *
+     * @return void
+     */
+    public function __construct($name = "text", $label = "Text Input", $placeholder = "Enter Text")
+    {
+        $this->id = 'form-' . Str::kebab(class_basename(get_class($this))) . '-' . md5($name);
+        $this->name = $name;
+        $this->label = $label;
+        $this->placeholder = $placeholder;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\View\View|string
+     */
+    public function render()
+    {
+        return view('components::form.textarea');
+    }
+}
@@ -30,6 +30,7 @@ public function boot()
         Components\Form\Search::class,
         Components\Form\Select::class,
         Components\Form\Text::class,
+        Components\Form\Textarea::class,
         Components\Form\Toggle::class,
         Components\Form\Select\Images::class,
         Components\Form\Select\Tags::class,
 
@@ -0,0 +1,17 @@
+<div {{ $attributes->merge(['class' => 'form-group']) }}>
+  <label for="{{ $id }}" class="form-label">{{ $label }} <span class="form-label-description">0/100</span></label>
+  <textarea id="{{ $id }}" name="{{ $name }}" class="form-control @error($name) is-invalid @enderror" placeholder="{{ $placeholder }}">{{ old($name) }}</textarea>
+  @error($name)
+  <div class="invalid-feedback">{{ $message }}</div>
+  @enderror
+</div>
+
+@push('scripts')
+<script type="text/javascript" defer>
+  document.getElementById("{{ $id }}").oninput = function () {
+    document.querySelector("label[for={{ $id }}]").querySelector("span.form-label-description").innerText = this.value.length + "/200";
+  };
+
+  autosize(document.getElementById("{{ $id }}"));
+</script>
+@endpush