Textarea

The multiline textarea and its variations

Sizes

The textarea element comes in 6 different sizes:

Example Tiny

HTML 

<div class="field">
                        <div class="control">
                        <textarea class="textarea is-tiny" placeholder="Tiny textarea"></textarea>
                        </div>
                        </div>

Example Small

HTML 

<div class="field">
                        <div class="control">
                        <textarea class="textarea is-small" placeholder="Small textarea"></textarea>
                        </div>
                        </div>

Example Normal

HTML 

<div class="field">
                        <div class="control">
                        <textarea class="textarea is-normal" placeholder="Normal textarea"></textarea>
                        </div>
                        </div>

Example Medium

HTML 

<div class="field">
                        <div class="control">
                        <textarea class="textarea is-medium" placeholder="Medium textarea"></textarea>
                        </div>
                        </div>

Example Large

HTML 

<div class="field">
                        <div class="control">
                        <textarea class="textarea is-large" placeholder="Large textarea"></textarea>
                        </div>
                        </div>

Example Jumbo

HTML 

<div class="field">
                        <div class="control">
                        <textarea class="textarea is-jumbo" placeholder="Jumbo textarea"></textarea>
                        </div>
                        </div>