Textarea

<textarea class="textarea" placeholder="Your message"></textarea>

You can set the height of the textarea using the rows html attribute:

<textarea rows="10" class="textarea" placeholder="10 lines"></textarea>

Colors

<div class="field">
    <textarea class="textarea" placeholder="Default"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-primary" placeholder="Primary"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-accent" placeholder="Accent"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-accent-alt" placeholder="Accent alt"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-success" placeholder="Success"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-light-primary" placeholder="Light Primary"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-warning" placeholder="Warning"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-light-warning" placeholder="Warning"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-danger" placeholder="Danger"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-light-danger" placeholder="Light danger"></textarea>
</div>
<div class="field">
    <textarea class="textarea is-info" placeholder="Info"></textarea>
</div>

States

<div class="field">
    <label>Disabled textarea</label>
    <textarea class="textarea" placeholder="Disabled textarea" disabled></textarea>
</div>

Fixed size

<div class="field">
    <textarea class="textarea has-fixed-size" placeholder="Fixed size textarea"></textarea>
</div>
← Select →