Bulma es un marco CSS gratuito y de código abierto basado en Flexbox. Es rico en componentes, compatible y bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño.
El elemento de formulario Bulma textarea es la versión de varias líneas del elemento de entrada. Usaremos el elemento <textarea> con la clase textarea para crear el elemento textarea en Bulma.
El tamaño del área de texto de Bulma se utiliza para establecer el tamaño del campo del área de texto. Hay cuatro tamaños de entrada diferentes disponibles en Bulma que son: pequeño, normal, mediano y grande. Puede establecer el tamaño de entrada utilizando una de las clases proporcionadas por Bulma. El tamaño predeterminado de un campo de entrada es normal.
Bulma Textarea Tallas Clases:
- is-small: se utiliza para establecer el tamaño del campo del área de texto en pequeño.
- is-normal: se utiliza para establecer el tamaño del campo del área de texto en normal.
- is-medium: se utiliza para establecer el tamaño del campo del área de texto en medio.
- is-large: se utiliza para establecer el tamaño del campo del área de texto en grande.
Sintaxis:
<textarea class="textarea is-small"
placeholder="Small textarea">
</textarea>
Ejemplo: este ejemplo describe las clases de tamaño de Bulma Textarea.
HTML
<!DOCTYPE html> <html> <head> <title>Bulma Textarea Sizes</title> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-1 has-text-success"> GeeksforGeeks </h1> <p class="is-size-3">Bulma Textarea Sizes</p> <div class="container"> <textarea class="textarea is-small" placeholder="Small size textarea field"> </textarea> <br> <textarea class="textarea" placeholder="Normal size textarea field"> </textarea> <br> <textarea class="textarea is-medium" placeholder="Medium size textarea field"> </textarea> <br> <textarea class="textarea is-large" placeholder="Large size textarea field"> </textarea> </div> </body> </html>
Producción:
Referencia: https://bulma.io/documentation/form/textarea/#sizes