Component Detail

Breadcrumb

Hierarchical path navigation trail

Example

References

Template
templates/components/breadcrumb.html
Golden
testdata/golden/breadcrumb.golden.html

Go (Marionette) Example

This implementation example uses Marionette in Go. Source: docs/site-astro/public/examples/go/breadcrumb.go

package goexamples

import (
	mb "github.com/YoshihideShirai/marionette/backend"
	mf "github.com/YoshihideShirai/marionette/frontend"
)

func RegisterBreadcrumbExample(app *mb.App) {
	app.Page("/breadcrumb", func(ctx *mb.Context) mf.Node {
		return mf.Breadcrumb(mf.BreadcrumbProps{
			Items: []mf.BreadcrumbItem{
				{Label: "Home", Href: "/"},
				{Label: "Users", Href: "/users"},
				{Label: "Aiko", Active: true},
			},
		})
	})
}