MenuChevron Down
TagsInput Entrada de Etiquetas - Docs - Artefact

TagsInput Entrada de Etiquetas

Forms
Detección automática inteligente

Un componente que permite a los usuarios introducir varias etiquetas en forma de lista.

Uso

React
Hono

Constructor de páginas CMS

Este componente está disponible como un bloque tagsInput en el Constructor de páginas (content/pages/*.json):

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

Propiedades

PropTypeDefaultDescription
valuestring[]-Etiquetas actuales.
defaultValuestring[]-Etiquetas iniciales.

Configuración del 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 }

Hidratación

Nivel 2: Se hidrata cuando está presente value, defaultValue, onValueChange, o el estado de entrada.