Design System

# Selects

Single and multi-value select controls with a shared server-rendered shell.

## Single select

Single-choice dropdown with the shared input shell and custom chevron.

    @ui.Select(ui.SelectProps{
    	Name:        "status",
    	Placeholder: "Select a status",
    	Value:       "in-progress",
    	Options: []ui.SelectOption{
    		{Value: "todo", Label: "To do"},
    		{Value: "in-progress", Label: "In progress"},
    		{Value: "done", Label: "Done"},
    	},
    })

## Multiple select

Multi-value selection with inline pills that stay form-compatible.

    @ui.Select(ui.SelectProps{
    	Name:        "assignee_ids",
    	Placeholder: "Select multiple values",
    	Multiple:    true,
    	Values:      []string{"alice", "bob"},
    	Options: []ui.SelectOption{
    		{Value: "alice", Label: "Alice"},
    		{Value: "bob", Label: "Bob"},
    		{Value: "charlie", Label: "Charlie"},
    	},
    })