TagInput 设计文档

标签输入框,复用 Tag 渲染标签,支持回车 / 分隔符提交、退格删除、去重、上限与失焦提交。

← API 文档

使用建议

标签输入框,复用 Tag 渲染标签,支持回车 / 分隔符提交、退格删除、去重、上限与失焦提交。

Accessibility

ARIA role:group

  • 容器 role=group + aria-label
  • 标签复用 Tag 组件,关闭按钮由 Tag 提供(closable)
  • 键盘:Enter 提交(按 separator 拆分)、输入为空时 Backspace 删除末尾标签
  • draggable 仅点击拖拽手柄图标触发(指针拖拽,对齐 Semi _sortable/dnd-kit);键盘交互不受影响
  • error 状态时 aria-invalid 标注于容器

设计变量

该组件暂无专属设计变量。