Docs Article
Каркас блока — wireframe-секция с placeholder-текстом для будущего извлечения в github.com/fastygo/blocks.
internal/ui/blocks
Каркас блока — wireframe-секция с placeholder-текстом для будущего извлечения в github.com/fastygo/blocks.
Wireframe
Статья документации
Wireframe-тело статьи для documentation-блоков.
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-4 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Статья документации")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe-тело статьи для documentation-блоков.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Действие
}
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-4 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Статья документации")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe-тело статьи для documentation-блоков.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Действие
}
}
}
Компактный
Статья документации
Wireframe-тело статьи для documentation-блоков.
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Статья документации")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe-тело статьи для documentation-блоков.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Действие
}
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Статья документации")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe-тело статьи для documentation-блоков.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Действие
}
}
}
API
Title · string — Заголовок секции
Body · string — Вспомогательный текст