Forms

Select

A labeled native select with typed options.

components.Select · SelectProps

Preview

Open standalone preview →

Priority

Use it well.

Value chooses the selected option. The browser owns the picker and keyboard behavior. Validate submitted values in Go.

Explore the full demo →

Templ example

Download example.templ

This is the source compiled for the preview. Select the text to copy it, or download the file. Change the package name and demo routes for your application.

package examples

import "github.com/Tend-Stack/TendUI/v2026/components"

templ ExampleSelect() {
	@components.Select(components.SelectProps{ID: "sample-priority", Name: "priority", Label: "Priority", Value: "normal", Options: []components.Option{{Label: "Normal", Value: "normal"}, {Label: "High", Value: "high"}}})
}