Back

FilterBar

Single-select

Multi-select

Usage

// Single select
@forms.FilterBar(forms.FilterBarProps{
    Name:  "category",
    Value: "all",
    Chips: []forms.FilterChip{
        {Value: "all", Label: "All"},
        {Value: "design", Label: "Design"},
    },
})

// Multi select
@forms.FilterBar(forms.FilterBarProps{
    Name:     "tags",
    Multiple: true,
    Values:   []string{"go"},
    Chips: []forms.FilterChip{
        {Value: "go", Label: "Go"},
        {Value: "templ", Label: "Templ"},
    },
})