标签输入

tag-input

Enter / 逗号提交、重复静默清空、空草稿 Backspace 删尾、blur 提交；达到 data-max 边框转 warning 色并拒加。

示例

<div class="demo-col">
  <div class="tag-input control" data-tags="设计,前端" data-max="5">
    <input class="tag-input-field" placeholder="输入后回车添加（最多 5 个）" />
  </div>
</div>

安装

bun add @icen.ai/ui
import '@icen.ai/ui/components/tag-input.css';

用法

import { initTagInput } from '@icen.ai/ui/behaviors/tag-input';
initTagInput();