Container

Container wraps page content in a width shell.

github.com/fastygo/templ/ui

Container wraps page content in a width shell.Container supports div, main, or section root tags.

Center content with max width utilities on Class

Wrap main element for app shell layouts

ResolveTag uses TagGroupContainer from utils

Invalid Tag falls back to div

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

templ Example() {
	@ui.Container(ui.ContainerProps{Class: "mx-auto max-w-5xl px-6"}) {
		Page width content
	}
}

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

templ Example() {
	@ui.Container(ui.ContainerProps{Tag: "main", Class: "mx-auto max-w-5xl px-6"}) {
		Main shell content
	}
}