TagsInput
Forms
Smart auto-detect
A component that allows users to enter multiple tags as a list.
Usage
CMS Page Builder
This component is available as a tagsInput block in the Page Builder (content/pages/*.json):
{
"type": "tagsInput",
"label": "Amenities",
"defaultValue": ["WiFi", "Fireplace", "Hot Tub"]
}
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string[] | - | Current tags. |
defaultValue | string[] | - | Initial tags. |
CMS Configuration
- label: TagsInput
name: tagsInput
widget: object
fields:
- { label: Label, name: label, widget: string, required: false }
- { label: Default Tags, name: defaultValue, widget: list, required: false }
Hydration
Tier-2: Hydrates when value, defaultValue, onValueChange, or input state is present.