Separator
Visual divider between sections.
github.com/fastygo/templ/ui
Visual divider between sections.
Default
Above
Below
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2 max-w-md"}) {
@ui.Text(ui.TextProps{}, "Above")
@ui.Box(ui.BoxProps{Class: "h-px w-full bg-border", Attrs: templ.Attributes{"role": "separator"}})
@ui.Text(ui.TextProps{}, "Below")
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2 max-w-md"}) {
@ui.Text(ui.TextProps{}, "Above")
@ui.Box(ui.BoxProps{Class: "h-px w-full bg-border", Attrs: templ.Attributes{"role": "separator"}})
@ui.Text(ui.TextProps{}, "Below")
}
}
API
Class · string — Typically h-px bg-border
Role · string — separator