Textarea

Code Demo

Basic textarea

在 Stackblitz 中打开

textarea with title

在 Stackblitz 中打开

Automatically raises textarea

在 Stackblitz 中打开

Set the maximum number of characters

在 Stackblitz 中打开

Set the maximum number of characters. One Chinese character means two characters

在 Stackblitz 中打开

Disable textarea

Label external input box

在 Stackblitz 中打开

name	type	default	description	required
className	String	-	className of component	N
style	Object	-	CSS(Cascading Style Sheets)，Typescript：`React.CSSProperties`	N
allowInputOverMax	Boolean	false	-	N
autofocus	Boolean	false	-	N
autosize	Boolean / Object	false	Typescript：`boolean \| { minRows?: number; maxRows?: number }`	N
bordered	Boolean	false	-	N
disabled	Boolean	undefined	-	N
indicator	Boolean	false	-	N
label	TNode	-	Typescript：`string \| TNode`。see more ts definition	N
layout	String	horizontal	options: vertical/horizontal	N
maxcharacter	Number	-	-	N
maxlength	Number	-	-	N
name	String	-	-	N
placeholder	String	undefined	-	N
readonly	Boolean	undefined	-	N
value	String / Number	-	Typescript：`TextareaValue` `type TextareaValue = string \| number`。see more ts definition	N
defaultValue	String / Number	-	uncontrolled property。Typescript：`TextareaValue` `type TextareaValue = string \| number`。see more ts definition	N
onBlur	Function		Typescript：`(value: TextareaValue, context: { e: FocusEvent }) => void`	N
onChange	Function		Typescript：`(value: TextareaValue, context?: { e?: InputEvent }) => void`	N
onCompositionend	Function		Typescript：`(value: string, context: { e: CompositionEvent }) => void` trigger on compositionend	N
onCompositionstart	Function		Typescript：`(value: string, context: { e: CompositionEvent }) => void` trigger on compositionstart	N
onFocus	Function		Typescript：`(value: TextareaValue, context : { e: FocusEvent }) => void`	N