Group
Горизонтальный flex-ряд; поддерживает fieldset для связанных контролов.
github.com/fastygo/templ/ui
Group располагает дочерние элементы в горизонтальном flex-ряду. Поддерживает fieldset для связанных контролов формы.
Кнопки в ряд
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Group(ui.GroupProps{Class: "gap-2"}) {
@ui.Button(ui.ButtonProps{Variant: "default"}) { Сохранить }
@ui.Button(ui.ButtonProps{Variant: "outline"}) { Отмена }
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Group(ui.GroupProps{Class: "gap-2"}) {
@ui.Button(ui.ButtonProps{Variant: "default"}) { Сохранить }
@ui.Button(ui.ButtonProps{Variant: "outline"}) { Отмена }
}
}
Fieldset
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Group(ui.GroupProps{Tag: "fieldset", Class: "gap-4"}) {
@ui.Radio(ui.RadioProps{Name: "plan", Value: "free", ID: "plan-free"})
@ui.Radio(ui.RadioProps{Name: "plan", Value: "pro", ID: "plan-pro"})
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Group(ui.GroupProps{Tag: "fieldset", Class: "gap-4"}) {
@ui.Radio(ui.RadioProps{Name: "plan", Value: "free", ID: "plan-free"})
@ui.Radio(ui.RadioProps{Name: "plan", Value: "pro", ID: "plan-pro"})
}
}
API
Tag · string — div | fieldset | section | nav | …
Class · string — Дополнительные utility-классы
Attrs · templ.Attributes — Дополнительные HTML-атрибуты