复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
TagInputProps
同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | string[] | — | — |
| defaultValue | string[] | [] | — |
| onChange | (tags: string[]) => void | — | — |
| placeholder | string | "Add a tag…" | — |
| suggestions | string[] | [] | Offered as you type; any text is accepted unless `restrictToSuggestions` |
| restrictToSuggestions | boolean | false | — |
| maxTags | number | 10 | — |
| variant | "soft" | "outline" | "soft" | Chip style |
安装
$ npx shadcn@latest add https://chromotion.dev/r/tag-input.json命令行安装的是基础组件,定制的参数写在「定制」标签页生成的代码里。