Block

En/ Ru

Block

Landmark верхнего уровня страницы; не вкладывайте Block в Block.

github.com/fastygo/templ/ui

Block рендерит landmark верхнего уровня страницы. Не вкладывайте Block внутрь другого Block.

Main

Содержимое страницы
import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Block(ui.BlockProps{Tag: "main", Class: "min-h-screen"}) {
		Содержимое страницы
	}
}

Section

Содержимое секции
import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Block(ui.BlockProps{Tag: "section", Class: "py-8"}) {
		Содержимое секции
	}
}
Шапка сайта
import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Block(ui.BlockProps{Tag: "header", Class: "border-b border-border"}) {
		Шапка сайта
	}
}

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

templ Example() {
	@ui.Block(ui.BlockProps{Tag: "nav", Class: "py-2"}) {
		Основная навигация
	}
}

API

Tag · string — main | section | header | footer | nav | article | aside | figure | div

Class · string — Дополнительные utility-классы

ID · string — Идентификатор элемента