Tabs

Use it well.

These are ordinary links, not an ARIA tablist. Use Tab/Enter, with Current for the active page and Disabled for unavailable destinations.

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 ExampleTabs() {
	@components.Tabs(components.TabsProps{Label: "Catalog shortcuts", Items: []components.TabItem{{Label: "Tabs", Href: "/catalog/tabs", Current: true}, {Label: "Steps", Href: "/catalog/steps"}, {Label: "Disclosure", Href: "/catalog/disclosure"}}})
}