Navigation
Steps
A numbered description of application-owned progress.
components.Steps · StepsProps
Preview
Open standalone preview →Use it well.
Current uses aria-current=step. Only give a URL to a step the application permits visiting. The component does not validate workflow permissions.
Explore the full demo →Templ example
Download example.templThis 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 ExampleSteps() {
@components.Steps(components.StepsProps{Label: "Example progress", Items: []components.StepItem{{Label: "Details", Completed: true}, {Label: "Review", Current: true}, {Label: "Finish"}}})
}