表单组件版本 0.1.0

TagsInput 标签输入

通过文本输入创建多个短标签，并支持逐项删除与数量限制。

使用概览

紧急

正在加载示例…

本地候选警告Registry 地址仅指向当前本地文档站；npm 包也只用于本地候选验证，尚未公开发布。

pnpm dlx shadcn@4.16.0 add http://127.0.0.1:3000/r/tags-input.json

import { TagsInput } from "@richardqiu/quartz/tags-input";

<TagsInput aria-label="项目标签" defaultValue={["紧急"]} placeholder="输入后回车" maxTags={5} removeLabel={(tag) => `移除 ${tag}`} />

默认

键盘焦点可见

已禁用

无效

label · textactive · boolean

属性	类型	默认值	说明
`maxTags`	`number`	`无限制`	限制用户可以创建的标签总数。