Stack
Вертикальный flex-столбец; базовый примитив отступов.
github.com/fastygo/templ/ui
Stack располагает дочерние элементы в вертикальном flex-столбце. Это базовый примитив отступов между секциями.
По умолчанию
Первая строка
Вторая строка
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-4"}) {
@ui.Text(ui.TextProps{}, "Первая строка")
@ui.Text(ui.TextProps{}, "Вторая строка")
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-4"}) {
@ui.Text(ui.TextProps{}, "Первая строка")
@ui.Text(ui.TextProps{}, "Вторая строка")
}
}
Список ul
- Пункт один
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Tag: "ul", Class: "gap-2"}) {
@ui.Text(ui.TextProps{Tag: "span"}, "Пункт один")
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Tag: "ul", Class: "gap-2"}) {
@ui.Text(ui.TextProps{Tag: "span"}, "Пункт один")
}
}
API
Tag · string — div | nav | section | ul | ol | …
Class · string — Дополнительные utility-классы
Attrs · templ.Attributes — Дополнительные HTML-атрибуты