TagInput 标签输入

对 Input 的增强,支持输入标签,管理标签。

获取组件

import { TagInput } from 'rsuite';

// or
import TagInput from 'rsuite/TagInput';

演示

默认

尺寸

撑满

触发事件

通过 trigger 属性设置创建标签的触发器。 可选择包括:Enter, Space, Comma - (, , ,),默认值为 Enter, 可以同时设置多个触发事件。

禁用与只读

无障碍设计

了解更多有关无障碍设计的信息。

Props

<TagInput>

属性名称 类型(默认值) 描述
defaultValue string[] 设置默认值 非受控
disabled boolean 禁用组件
onChange (value:string, event) => void 值发生改变时的回调函数
onClean (event) => void 值清理后触发回调
size 'lg' | 'md' | 'sm' | 'xs' ('md') 设置组件尺寸
trigger 'Enter' | 'Space' | 'Comma' (['Enter', 'Space']) 设置创建标签的触发事件
value string[] 设置值 受控
Vercel banner