From f96752925306e6c499527c4383c15a09da5d2004 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mauro=20Mascarenhas=20de=20Ara=C3=BAjo?=
 <mauromascarenhas@users.noreply.github.com>
Date: Fri, 23 Jun 2023 17:42:41 -0300
Subject: [PATCH] docs(textarea): update samples

- Added placeholders for textarea samples (enable floating labels);
- Added new sample for textarea with custom placeholder.
---
 pug/contents/text_inputs_content.html | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/pug/contents/text_inputs_content.html b/pug/contents/text_inputs_content.html
index 74dfde8125..ac3a9a560f 100644
--- a/pug/contents/text_inputs_content.html
+++ b/pug/contents/text_inputs_content.html
@@ -319,10 +319,16 @@ <h3 class="header">Textarea</h3>
           <form class="col s12">
             <div class="row">
               <div class="input-field col s12">
-                <textarea id="textarea1" class="materialize-textarea"></textarea>
+                <textarea id="textarea1" class="materialize-textarea" placeholder=" "></textarea>
                 <label for="textarea1">Textarea</label>
               </div>
             </div>
+            <div class="row">
+              <div class="input-field col s12">
+                <textarea id="textarea2" class="materialize-textarea" placeholder="A custom placeholder :)"></textarea>
+                <label for="textarea2">Textarea with placeholder</label>
+              </div>
+            </div>
           </form>
         </div>
         <pre><code class="language-markup">
@@ -330,10 +336,16 @@ <h3 class="header">Textarea</h3>
     &lt;form class="col s12">
       &lt;div class="row">
         &lt;div class="input-field col s12">
-          &lt;textarea id="textarea1" class="materialize-textarea">&lt;/textarea>
+          &lt;textarea id="textarea1" class="materialize-textarea" placeholder=" ">&lt;/textarea>
           &lt;label for="textarea1">Textarea&lt;/label>
         &lt;/div>
       &lt;/div>
+      &lt;div class="row">
+        &lt;div class="input-field col s12">
+          &lt;textarea id="textarea2" class="materialize-textarea" placeholder="A custom placeholder :)">&lt;/textarea>
+          &lt;label for="textarea2">Textarea with placeholder&lt;/label>
+        &lt;/div>
+      &lt;/div>
     &lt;/form>
   &lt;/div>
         </code></pre>
@@ -351,7 +363,7 @@ <h5>Icon Prefixes</h5>
             <div class="row">
               <div class="input-field col s12">
                 <i class="material-icons prefix">mode_edit</i>
-                <textarea id="icon_prefix2" class="materialize-textarea"></textarea>
+                <textarea id="icon_prefix2" class="materialize-textarea" placeholder=" "></textarea>
                 <label for="icon_prefix2">Message</label>
               </div>
             </div>
@@ -444,13 +456,13 @@ <h3 class="header">Character Counter</h3>
           <form class="col s12">
             <div class="row">
               <div class="input-field col s6">
-                <input id="input_text" type="text" maxlength="10">
+                <input id="input_text" type="text" maxlength="10" placeholder=" ">
                 <label for="input_text">Input text</label>
               </div>
             </div>
             <div class="row">
               <div class="input-field col s12">
-                <textarea id="textarea2" class="materialize-textarea" maxlength="120"></textarea>
+                <textarea id="textarea2" class="materialize-textarea" maxlength="120" placeholder=" "></textarea>
                 <label for="textarea2">Textarea</label>
               </div>
             </div>
@@ -461,13 +473,13 @@ <h3 class="header">Character Counter</h3>
       &lt;form class="col s12">
         &lt;div class="row">
           &lt;div class="input-field col s6">
-            &lt;input id="input_text" type="text" maxlength="10">
+            &lt;input id="input_text" type="text" maxlength="10" placeholder=" ">
             &lt;label for="input_text">Input text&lt;/label>
           &lt;/div>
         &lt;/div>
         &lt;div class="row">
           &lt;div class="input-field col s12">
-            &lt;textarea id="textarea2" class="materialize-textarea" maxlength="120">&lt;/textarea>
+            &lt;textarea id="textarea2" class="materialize-textarea" maxlength="120" placeholder=" ">&lt;/textarea>
             &lt;label for="textarea2">Textarea&lt;/label>
           &lt;/div>
         &lt;/div>