bladeで<textarea>を「x-」で始まるディレクティブで表記する方法について

Question

実現したいこと

新規画面を作成したく
Laravel Breezeのインストールで生成されたloginのbladeをひな形にビュー作成しております。
新規作成画面ではhtmlのtextareaタグに該当する複数行入力可能なフォームを設置したいのですが、
ひな形のビューでは「x-」で始まるディレクティブで構成されています。

textareaを「x-」で始まるディレクティブで表現するにはどのように指定すればよろしいのでしょうか？ お詳しい方にご教授いただきたくよろしくお願いいたします。

発生している問題・分からないこと

<textarea>を「x-」で始まるディレクティブで表現する方法について ### 該当のソースコード ```laravel ******************************************************************************* <x-textarea id="message" class="block mt-1 w-full" type="text" name="message" :value="old('message')" required autofocus autocomplete="message" /> ******************************************************************************* ``` ### 試したこと・調べたこと - [ ] teratailやGoogle等で検索した - [x] ソースコードを自分なりに変更した - [ ] 知人に聞いた - [ ] その他 ##### 上記の詳細・結果 x-textareaと記述し画面表示してみたが以下のようなエラーが発生しました。 InvalidArgumentException Unable to locate a class or view for component [textarea]. ### 補足 特になし

Comments

[utm.]

コンポーネントと言うやつではないでしょうか

https://readouble.com/laravel/8.x/ja/blade.html#components

[akooooo]

ご指摘通り<x-component>を調べたところ解決しました。
ありがとうございます。

[akooooo]

resources/views/component配下に「textarea.blade.php」を自作

＜＜textarea.blade.phpの内容＞＞
<textarea @disabled($disabled) {{ $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm']) }}></textarea>

＜＜blade側の記述＞＞
<x-textarea rows="10" id="message" class="block mt-1 w-full" type="text" name="message" :value="old('message')" required autofocus autocomplete="message" />

Answer 1

以下で解決しました。
resources/views/component配下に「textarea.blade.php」を自作

＜＜textarea.blade.phpの内容＞＞

<textarea @disabled($disabled) {{ $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm']) }}></textarea>

＜＜blade側の記述＞＞
<x-textarea rows="10" id="message" class="block mt-1 w-full" type="text" name="message" :value="old('message')" required autofocus autocomplete="message" />