Key Value

Dynamic key-value pair rows for labels, environment variables, and other map-style data. Powered by Alpine.js.

Goshtoso Component

Go + Templ

With Initial Entries

Empty (Start Adding)

Usage Example

// Key-Value with initial entries
@keyvalue.KeyValue(keyvalue.Config{
    ID:               "labels",
    Name:             "labels",
    Entries:          []keyvalue.Entry{{Key: "app", Value: "web"}, {Key: "env", Value: "prod"}},
    KeyPlaceholder:   "key",
    ValuePlaceholder: "value",
})

Form Validation Pagination