GothUI

Forms

Input

A labeled input with typed input kinds and native states.

components.Input · InputProps

Use it well.

Use Required, Disabled, ReadOnly, Invalid and DescribedBy as needed. It already includes a label; do not put it inside Field.

Explore the full demo →

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/GothUI/v2026/components"

templ ExampleInput() {
	@components.Input(components.InputProps{ID: "sample-email", Name: "email", Label: "Email address", Type: components.InputEmail, Placeholder: "alex@example.com", Autocomplete: "email"})
}