MenuChevron Down
TagsInput Entrada de Tags - Docs - Artefact

TagsInput Entrada de Tags

Forms
Detecção automática inteligente

Um componente que permite aos usuários inserir várias tags como uma lista.

Uso

React
Hono

Construtor de páginas CMS

Este componente está disponível como um bloco tagsInput no Construtor de páginas (content/pages/*.json):

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

Propriedades

PropTypeDefaultDescription
valuestring[]-Tags atuais.
defaultValuestring[]-Tags iniciais.

Configuração do 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 }

Hidratação

Nível 2: Hidrata quando value, defaultValue, onValueChange, ou o estado de entrada está presente.