GothUI

Layout

Cluster

Wrapping action rows with typed spacing and alignment.

components.Cluster · ClusterProps

Use it well.

Preserves document and focus order. Each line wraps naturally; JustifyBetween distributes spare space within each line. Use native links and submit buttons for actions.

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 ExampleCluster() {
	@components.Cluster(components.ClusterProps{Gap: components.SpaceSmall, Justify: components.LayoutJustifyEnd}) {
		<a href="/catalog">Back to the catalog</a>
		@components.Link(components.LinkProps{Text: "Explore layouts", Href: "/patterns?section=composition", IconAfter: components.IconArrowRight})
	}
}