文本域 Textarea

用于多行文本输入。

何时使用

  • 需要输入多行文本时
  • 需要限制字数的文本输入时
  • 需要可清除功能的多行文本输入时

示例

基础用法

最简单的文本域用法。

正在加载组件...
code

不同行数

可以设置不同的行数。

正在加载组件...
code

可清除文本域

带清除图标的文本域,点击图标清除内容。

正在加载组件...
code

字数限制

可以设置最大字数限制,并在右下角显示计数。

正在加载组件...
code

禁用状态

展示禁用状态的文本域。

正在加载组件...
code

API

Textarea Props

参数说明类型默认值
rows默认行数number3
clearable是否显示清除按钮booleanfalse
onClear清除时的回调() => void-
disabled是否禁用booleanfalse
max最大字数限制,设置后显示字数计数number-
value输入框内容(受控)string-
defaultValue输入框默认内容string-
onChange输入框内容变化时的回调React.ChangeEventHandler<HTMLTextAreaElement>-
onFocus输入框获得焦点时的回调React.FocusEventHandler<HTMLTextAreaElement>-
onBlur输入框失去焦点时的回调React.FocusEventHandler<HTMLTextAreaElement>-
className自定义类名string-