Textarea

      <div class="field">
          <div class="control">
              <textarea class="textarea" rows="4" placeholder="یک پیغام طولانی"></textarea>
          </div>
      </div>
      

      <div class="field">
          <div class="control">
              <textarea class="textarea is-primary-focus" rows="2" placeholder="Primary..."></textarea>
          </div>
      </div>
      
      <div class="field">
          <div class="control">
              <textarea class="textarea is-success-focus" rows="2" placeholder="Success..."></textarea>
          </div>
      </div>
      
      <div class="field">
          <div class="control">
              <textarea class="textarea is-info-focus" rows="2" placeholder="Info..."></textarea>
          </div>
      </div>
      
      <div class="field">
          <div class="control">
              <textarea class="textarea is-warning-focus" rows="2" placeholder="Warning..."></textarea>
          </div>
      </div>
      
      <div class="field">
          <div class="control">
              <textarea class="textarea is-danger-focus" rows="2" placeholder="Danger..."></textarea>
          </div>
      </div>
      

      <div class="field">
          <div class="control is-loading">
              <textarea class="textarea" rows="4" placeholder="یک پیغام طولانی"></textarea>
          </div>
      </div>
      

      <div class="field">
          <div class="control">
              <textarea class="textarea" rows="4" placeholder="یک پیغام طولانی" disabled></textarea>
          </div>
      </div>
      

      <div class="field has-textarea-addon">
          <div class="control">
              <textarea class="textarea" rows="5" placeholder="یک پیغام طولانی"></textarea>
          </div>
          <div class="control is-textarea-addon">
              <div class="start">
                  <div class="avatar-stack">
                      <div class="h-avatar is-small">
                          <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
                      </div>
                      <div class="h-avatar is-small">
                          <span class="avatar is-fake is-info">
                              <span>JD</span>
                          </span>
                      </div>
                      <div class="h-avatar is-small">
                          <img class="avatar" src="https://via.placeholder.com/150x150" alt="">
                      </div>
                  </div>
              </div>
              <div class="end">
                  <a class="button h-button is-primary is-raised">Post Comment</a>
              </div>
          </div>
      </div>