Tags List

Removable tag chips with an input and Add button for appending new tags. Submits as name[0], name[1], ... via hidden inputs.

Usage Example

@tagslist.TagsList(tagslist.Config{
    ID:          "tags",
    Name:        "tags",
    Values:      []string{"production", "gpu"},
    Placeholder: "Add a tag...",
})

Empty (Start Adding)

With no Values, the list starts empty and grows as the user adds tags.

Empty (Start Adding)

@tagslist.TagsList(tagslist.Config{
    ID:          "labels",
    Name:        "labels",
    Placeholder: "Add a label...",
    AddActionLabel:    "Add",
})

Disabled

Disabled: true renders read-only chips with no input or remove buttons.

Disabled

@tagslist.TagsList(tagslist.Config{
    ID:       "lockedTags",
    Name:     "locked",
    Values:   []string{"locked", "readonly"},
    Disabled: true,
})

API Reference

Prop	Type	Default	Description
`ID`	`string`	`""`	Unique id for the tags-list root and input.
`Name`	`string`	`""`	Base form field name (submits as name[0], name[1], ...).
`Values`	`[]string`	`nil`	Initial tag values.
`Placeholder`	`string`	`""`	Input placeholder.
`AddActionLabel`	`string`	`"Add"`	Label of the add button.
`Disabled`	`bool`	`false`	Render read-only chips (no input/remove).
`RootClass`	`string`	`""`	Extra classes on the container.

Structured Input Text Input