Docs Article
Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.
internal/ui/blocks
Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.
Wireframe
Docs Article
Wireframe article body for documentation blocks.
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-4 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Docs Article")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe article body for documentation blocks.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Action
}
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-4 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Docs Article")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe article body for documentation blocks.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Action
}
}
}
Compact
Docs Article
Wireframe article body for documentation blocks.
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Docs Article")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe article body for documentation blocks.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Action
}
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2 max-w-2xl"}) {
@ui.Title(ui.TitleProps{Order: 2}, "Docs Article")
@ui.Text(ui.TextProps{Class: "text-sm text-muted-foreground leading-relaxed"}, "Wireframe article body for documentation blocks.")
@ui.Button(ui.ButtonProps{Variant: "outline", Size: "sm"}) {
Action
}
}
}
API
Title · string — Section heading
Body · string — Supporting copy