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"},
	},
})