Tags List

A dynamic list of text inputs for managing string values (tags). Add, remove, and edit items with Alpine.js reactivity.

Goshtoso Component

Go + Templ

With Initial Values

Empty (Start Adding)

Disabled

Usage Example

// Tags List with initial values
@tagslist.TagsList(tagslist.Config{
    ID:          "tags",
    Name:        "tags",
    Values:      []string{"prod", "critical"},
    Placeholder: "e.g. prod, critical",
})

// Empty Tags List
@tagslist.TagsList(tagslist.Config{
    ID:          "labels",
    Name:        "labels",
    Placeholder: "Add a label…",
    AddLabel:    "Add label",
})

Select Text Input