2.20 #Components.input-textarea Input Textarea

Toggle example guides Toggle HTML markup

Textarea component that should be used for auto-grow based on the content

Javascript is required for auto-grow height of the textarea

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

Default initial-state

Multiline autogrow textarea 
It contains text 
multiline
auto grow
Markup 
 <div class="sb-padding-top">
 Default initial-state
 </div>
 <div class="sb-form-control">
   <div class="sb-form-control__input sb-form-control__input-textarea">
     <pre><span></span><br></pre>
     <textarea class="sb-input" id="input-1" placeholder="This is a placeholder"></textarea>
   </div>
 </div>
 <div class="sb-padding-top">
 Multiline autogrow textarea
 </div>
 <div class="sb-form-control">
   <div class="sb-form-control__input sb-form-control__input-textarea">
     <pre><span>It contains text <br/>multiline<br/>auto grow </span><br></pre>
     <textarea class="sb-input" id="input-1" placeholder="This is a placeholder">It contains text
multiline
auto grow
     </textarea>
   </div>
 </div>
Source: components/_input-textarea.scss, line 1