Locaweb Style

Documentação

Saiba todas as features que te ajudarão a produzir sistemas mais rapidamente.

Textarea

Particularidades do textarea

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

1
2
3
4
5
6
<form action="" data-ls-module="form">
  <label class="ls-label">
    <b class="ls-label-text">Mensagem</b>
    <textarea rows="4"></textarea>
  </label>
</form>

O textarea vem com o resize desabilitado por padrão, mas pode ser ativado usando as classes ls-textarea-resize-both, ls-textarea-resize-horizontal, ls-textarea-resize-vertical.

Para um textarea com o comportamento de aumentar de acordo com o texto, insira a classe ls-textarea-autoresize no textarea.

1
2
3
4
5
6
<form action="" data-ls-module="form">
  <label class="ls-label">
    <b class="ls-label-text">Mensagem</b>
    <textarea rows="1" class="ls-textarea-autoresize"></textarea>
  </label>
</form>