GothUI

Navigation

Breadcrumbs

A linked trail to the current page.

components.Breadcrumbs · BreadcrumbsProps

Use it well.

The final item is always the current page. Supply meaningful labels and application-controlled destinations.

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 ExampleBreadcrumbs() {
	@components.Breadcrumbs(components.BreadcrumbsProps{Items: []components.BreadcrumbItem{{Label: "GothUI", Href: "/"}, {Label: "Catalog", Href: "/catalog"}, {Label: "Breadcrumbs"}}})
}