Box

Box wraps internal layout sections inside a Block.

github.com/fastygo/templ/ui

Box wraps internal layout sections inside a Block.Box is not for top-level page landmarks.

Pad content inside a card body

Group inline elements with flex utilities on Class

ResolveTag uses TagGroupLayout from utils

Attrs spread directly on the root element

Prefer Block for main, header, and footer regions

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Box(ui.BoxProps{Class: "mx-auto max-w-3xl px-6"}) {
		Inner content
	}
}

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Box(ui.BoxProps{Tag: "section", Class: "p-4"}) {
		Section body
	}
}