Textarea

Componente de entrada que representa un área de texto multilínea. Se utiliza para capturar texto extenso escrito por el usuario, como comentarios, descripciones u observaciones.

Uso básico

<textarea
  class="textarea"
  placeholder="Agregue una pequeña descripcion"
></textarea>

Disabled

Preview

Code

<textarea
  class="textarea"
  placeholder="Agregue una pequeña descripcion"
  disabled=""
></textarea>

Field

Usa el componente Field para componer un textarea con una etiqueta, texto de ayuda y mensaje de error

tip

Para más información visita la documentación de field

Preview

Descripción Debe tener menos de 200 caracteres

Code

<div class="field">
  <label class="label">Descripción</label>
  <textarea
    class="textarea"
    placeholder="Ingresa una pequeña descripción"
  ></textarea>

  <!--  Opcional  -->
  <span class="help">Debe tener menos de 200 caracteres</span>
</div>

Colores

is-valid

Preview

Descripción Debe tener menos de 200 caracteres

Code

<div class="field is-valid">
  <label class="label">Descripción</label>
  <textarea
    class="textarea"
    placeholder="Ingresa una pequeña descripción"
  ></textarea>

  <!--  Opcional  -->
  <span class="help">Debe tener menos de 200 caracteres</span>
</div>

is-invalid

Preview

Descripción Debe tener menos de 200 caracteres

Code

<div class="field is-invalid">
  <label class="label">Descripción</label>
  <textarea
    class="textarea"
    placeholder="Ingresa una pequeña descripción"
  ></textarea>

  <!--  Opcional  -->
  <span class="help">Debe tener menos de 200 caracteres</span>
</div>