Separator
Separator renders a semantic or decorative hr.
github.com/fastygo/templ/ui
Summary
Separator renders a semantic or decorative hr.
Use Cases
Separate form sections
Separate toolbar or navigation groups
Semantics
Decorative separators set role presentation and aria-hidden true
Example variant.default
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Separator(ui.SeparatorProps{})
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Separator(ui.SeparatorProps{})
}Example orientation.vertical
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Separator(ui.SeparatorProps{Orientation: "vertical", Decorative: true})
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Separator(ui.SeparatorProps{Orientation: "vertical", Decorative: true})
}API
Decorative · bool — role: accessibility
Orientation · string — role: direction; enum: horizontal|vertical; default: horizontal
Variant · string — role: appearance; enum: default|muted|strong|spaced|unstyled; default: default; source: ui.separator.SeparatorVariants