v7.3.0

TextAreaField
Widget

A multiline text input field that wraps the native <textarea> HTML element. It supports configurable resize behavior via resize and an autoHeight mode that automatically grows the field to fit its content. Like all Bryntum fields it supports labels, validation, placeholder text, and can be used as a cell editor in a Grid.

const textAreaField = new TextAreaField({
    label       : 'Description',
    placeholder : 'Enter some text',
    autoHeight  : true,
    appendTo    : document.body
});

Useful configs and properties

Config Description
resize Resize behavior: 'none', 'both', 'horizontal', or 'vertical'
autoHeight Automatically grow/shrink vertically to fit content
label Label text displayed beside the field
required Makes the field mandatory
value Gets or sets the current text content

See also

  • TextField - Single-line text input
  • Field - Base field class with label and validation
No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class
  • resize : 'none'/'both'/'horizontal'/'vertical'none

    The resize style to apply to the <textarea> element.

Properties

Properties are getters/setters or publicly accessible variables on this class
  • isTextAreaField : Booleantrue
    READONLY
    ADVANCED
    Identifies an object as an instance of TextAreaField class, or subclass thereof.

CSS variables

CSS variables that can be set to adjust appearance
Name Description
--b-text-area-field-padding Padding
type: textareafield

Source path

Core/widget/TextAreaField.js

Contents