Navigation

Steps

A numbered description of application-owned progress.

components.Steps · StepsProps

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 →

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 ExampleSteps() {
	@components.Steps(components.StepsProps{Label: "Example progress", Items: []components.StepItem{{Label: "Details", Completed: true}, {Label: "Review", Current: true}, {Label: "Finish"}}})
}