Select

⚠️ Native select limitation

The trigger box is styled, but the dropdown popup is rendered by the OS and cannot be customised with CSS. For a fully styled select, use SelectMenu instead.

Basic

With Hint & Pre-selected

Subscription Plan

You can change your plan at any time.

Error State

Role

Please select a role.

Usage

@forms.Select(forms.SelectProps{
    ID:    "country",
    Name:  "country",
    Label: "Country",
    Value: "at",       // pre-selected value
    Hint:  "Optional hint text.",
    Error: "",         // replaces hint when non-empty
    Options: []forms.SelectOption{
        {Value: "at", Label: "Austria"},
        {Value: "de", Label: "Germany"},
    },
})