Textarea

textarea

The textarea component is used for multi-line text input.

Usage

XelaTextarea(
    placeholder: "Placeholder",
    value: "",
    placeholderColor: XelaColor.Gray8,
    counterColor: XelaColor.Gray8,
    defaultHelperTextColor: XelaColor.Gray8,
    textfieldColor: XelaColor.Gray2,
    borderDefaultColor: XelaColor.Gray11,
    background: Colors.white,
    borderFocusColor: XelaColor.Blue3
)

Properties

Name Type Default Value Required Description
value String - YES Textarea value
helperText String? null NO Textarea helper text
placeholder String? null NO Textarea placeholder text
textEditingController TextEditingController? null NO Textarea TextEditingController
state XelaTextareaState XelaTextareaState.DEFAULT YES Textarea state (DEFAULT, ERROR, SUCCESS, FOCUS, DISABLED)
disableAutocorrection bool true NO Disable textarea autocorrection
showCounter bool false NO Show textarea symbols counter
maxLength int 200 NO Textarea max symbols
placeholderColor Color XelaColor.Gray8 NO Textarea placeholder color
counterColor Color XelaColor.Gray8 NO Textarea counter color
disabledTextfieldColor Color XelaColor.Gray8 NO Textarea disabled text color
borderDefaultColor Color XelaColor.Gray11 NO Textarea default border color
borderDisabledColor Color XelaColor.Gray8 NO Textarea disabled border color
borderErrorColor Color XelaColor.Red3 NO Textarea error border color
borderSuccessColor Color XelaColor.Green1 NO Textarea success border color
borderFocusColor Color XelaColor.Blue5 NO Textarea focus border color
background Color Colors.white NO Textarea background
disabledBackground Color XelaColor.Gray12 NO Textarea disabled background
defaultHelperTextColor Color XelaColor.Gray8 NO Default helper text color
disabledHelperTextColor Color XelaColor.Gray8 NO Disabled helper text color
errorHelperTextColor Color XelaColor.Red3 NO Error helper text color
successHelperTextColor Color XelaColor.Green1 NO Success helper text color
onChange Function(String)? null NO Textarea change func