This website requires JavaScript to deliver the best possible experience.

Textarea

    <textarea class="textarea is-normal is-black">Textarea</textarea>
    textarea.textarea.is-normal.is-black Textarea
      <textarea class="textarea is-tiny is-black">is-tiny</textarea>
      <textarea class="textarea is-small is-black">is-small</textarea>
      <textarea class="textarea is-normal is-black">is-normal</textarea>
      <textarea class="textarea is-large is-black">is-large</textarea>
      <textarea class="textarea is-massive is-black">is-massive</textarea>
      textarea.textarea.is-tiny.is-black is-tiny
      textarea.textarea.is-small.is-black is-small
      textarea.textarea.is-normal.is-black is-normal
      textarea.textarea.is-large.is-black is-large
      textarea.textarea.is-massive.is-black is-massive

        You can set the height of the textarea using the `rows` HTML attribute.

        <textarea rows="4" class="textarea is-normal is-black">rows="4"</textarea>
        <textarea rows="8" class="textarea is-normal is-black">rows="8"</textarea>
        textarea.textarea.is-normal.is-black(rows="4") rows="4"
        textarea.textarea.is-normal.is-black(rows="8") rows="8"
          <textarea class="textarea is-primary">is-primary</textarea>
          <textarea class="textarea is-secondary">is-secondary</textarea>
          <textarea class="textarea is-info">is-info</textarea>
          <textarea class="textarea is-success">is-success</textarea>
          <textarea class="textarea is-warning">is-warning</textarea>
          <textarea class="textarea is-danger">is-danger</textarea>
          <textarea class="textarea is-black">is-black</textarea>
          <textarea class="textarea is-white">is-white</textarea>
          textarea.textarea.is-primary is-primary
          textarea.textarea.is-secondary is-secondary
          textarea.textarea.is-info is-info
          textarea.textarea.is-success is-success
          textarea.textarea.is-warning is-warning
          textarea.textarea.is-danger is-danger
          textarea.textarea.is-black is-black
          textarea.textarea.is-white is-white
            <textarea class="textarea is-normal is-black is-disabled">is-disabled</textarea>
            textarea.textarea.is-normal.is-black.is-disabled is-disabled
            ModifierDescriptionClass
            Colorindicates the element state

            .is-black

            .is-white

            .is-primary

            .is-secondary

            .is-info

            .is-success

            .is-warning

            .is-danger

            Sizechanges the element size based on font-size

            .is-tiny

            .is-small

            .is-normal

            .is-large

            .is-massive

            Disabledindicates that the textarea is disabled.is-disabled