MenuChevron Down
TagsInput 标签输入框 - Docs - Artefact

TagsInput 标签输入框

Forms
智能自动检测

允许用户以列表形式输入多个标签的组件。

用法

React
Hono

CMS 页面构建器

该组件可作为 tagsInput 区块在 页面构建器content/pages/*.json)中使用:

{
  "type": "tagsInput",
  "label": "Amenities",
  "defaultValue": ["WiFi", "Fireplace", "Hot Tub"]
}

属性

属性类型默认说明
valuestring[]-当前标签。
defaultValuestring[]-初始标签。

CMS 配置

- label: TagsInput
  name: tagsInput
  widget: object
  fields:
    - { label: Label, name: label, widget: string, required: false }
    - { label: Default Tags, name: defaultValue, widget: list, required: false }

水合

第二级:当存在 valuedefaultValueonValueChange 或输入状态时进行水合。