Skip to content

TextAreaBinding

Defined in: TextAreaBinding.ts:5, TextAreaBinding.ts:38

Binding for textarea elements

Key features:

  • Handles intermediate values during typing
  • Auto-finalizes values on blur
  • Manages error states and ARIA attributes
  • FormBinding

Config = object

Defined in: TextAreaBinding.ts:11

optional aria-describedby?: Attrs["aria-describedby"]

Defined in: TextAreaBinding.ts:26

[Extend] IDs of the elements describing the textarea; the ID of the error text is added while errors are reported

getter: () => string | null

Defined in: TextAreaBinding.ts:13

Get the value from the model

string | null

optional id?: Attrs["id"]

Defined in: TextAreaBinding.ts:18

[Override] ID of the textarea element

optional onBlur?: Attrs["onBlur"]

Defined in: TextAreaBinding.ts:24

[Extend] Blur handler

optional onChange?: Attrs["onChange"]

Defined in: TextAreaBinding.ts:20

[Extend] Change handler

optional onFocus?: Attrs["onFocus"]

Defined in: TextAreaBinding.ts:22

[Extend] Focus handler

setter: (value: string) => void

Defined in: TextAreaBinding.ts:15

@action

Set the value to the model

string

void

new TextAreaBinding(field, config): TextAreaBinding

Defined in: TextAreaBinding.ts:39

FormField

TextAreaBinding.Config

TextAreaBinding

config: TextAreaBinding.Config

Defined in: TextAreaBinding.ts:41

FormBinding.config


onBlur: FocusEventHandler<HTMLTextAreaElement>

Defined in: TextAreaBinding.ts:57


onChange: ChangeEventHandler<HTMLTextAreaElement, HTMLTextAreaElement>

Defined in: TextAreaBinding.ts:51

@action


onFocus: FocusEventHandler<HTMLTextAreaElement>

Defined in: TextAreaBinding.ts:62


get errorMessages(): string | null

Defined in: TextAreaBinding.ts:68

string | null

@computed


get props(): object

Defined in: TextAreaBinding.ts:73

Binding properties which passed to the view component

object

aria-describedby: string | undefined

aria-errormessage: string | undefined

aria-invalid: boolean | undefined

id: string

onBlur: FocusEventHandler<HTMLTextAreaElement>

onChange: ChangeEventHandler<HTMLTextAreaElement, HTMLTextAreaElement>

onFocus: FocusEventHandler<HTMLTextAreaElement>

value: string

FormBinding.props


get value(): string

Defined in: TextAreaBinding.ts:46

string