<commit_before>---
title: Textarea
description: Particularidades do textarea
---

<%= partial 'partials/doc-menu-forms'%>

<section class="col-md-9">
  <%= partial 'partials/doc-intro-content' %>

  <p>O elemento <code>textarea</code> tem a altura determinada pela propriedade padrão, <code>rows="10"</code> com o número de linhas desejadas.</p>

  <div class="ls-box-demo">
    <form action="" class="ls-form">
      <%= partial 'documentacao/shared/form/form-field-textarea.erb' %>
    </form>
  </div>
  <code class="language-html">
    <%= partial 'documentacao/shared/form/form-field-textarea.erb' %>
  </code>
  <p>O <code>textarea</code> vem com o <i>resize</i> desabilitado por padrão, mas pode ser ativado usando as classes <code>ls-textarea-resize-both</code>, <code>ls-textarea-resize-horizontal</code>, <code>ls-textarea-resize-vertical</code>.</p>

  <p>Para um <code>textarea</code> com o comportamento de aumentar de acordo com o texto, insira a classe <code>ls-textarea-autoresize</code> no <code>textarea</code>.</p>
  <div class="ls-box-demo">
    <%= partial 'documentacao/shared/form/form-field-textarea-autoresize.erb' %>
  </div>
  <code class="language-html">
    <%= partial 'documentacao/shared/form/form-field-textarea-autoresize.erb' %>
  </code>

</section>
<commit_msg>syntax hilight prism to rouge - textarea<commit_after>---
title: Textarea
description: Particularidades do textarea
---

<%= partial 'partials/doc-menu-forms'%>

<section class="col-md-9">
  <%= partial 'partials/doc-intro-content' %>

  <p>O elemento <code>textarea</code> tem a altura determinada pela propriedade padrão, <code>rows="10"</code> com o número de linhas desejadas.</p>

  <div class="ls-box-demo">
    <form action="" class="ls-form">
      <%= partial 'documentacao/shared/form/form-field-textarea.erb' %>
    </form>
  </div>
  <% code("html") do %> 
<%= partial 'documentacao/shared/form/form-field-textarea.erb' %>
  <% end %>
  <p>O <code>textarea</code> vem com o <i>resize</i> desabilitado por padrão, mas pode ser ativado usando as classes <code>ls-textarea-resize-both</code>, <code>ls-textarea-resize-horizontal</code>, <code>ls-textarea-resize-vertical</code>.</p>

  <p>Para um <code>textarea</code> com o comportamento de aumentar de acordo com o texto, insira a classe <code>ls-textarea-autoresize</code> no <code>textarea</code>.</p>
  <div class="ls-box-demo">
    <%= partial 'documentacao/shared/form/form-field-textarea-autoresize.erb' %>
  </div>
  <% code("html") do %> 
<%= partial 'documentacao/shared/form/form-field-textarea-autoresize.erb' %>
  <% end %>

</section>

{'fraction_non_alphanumeric': 0.1806674338319908, 'fraction_numerical': 0.0023014959723820483, 'mean_word_length': 4.344262295081967, 'pattern_counts': {'":': 0, '<': 91, '<?xml version=': 0, '>': 91, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5101140', 'n_tokens_mistral': 987, 'n_tokens_neox': 917, 'n_words': 191}