Link
Link renders a semantic anchor for navigation and prose.
github.com/fastygo/templ/ui
Summary
Link renders a semantic anchor for navigation and prose.Use Button for actions.
Use Cases
Render navigation links
Render prose links and external resources
Semantics
External links default target blank and rel noopener noreferrer
Disabled links set aria-disabled and tabindex -1
Example variant.default
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Link(ui.LinkProps{Href: "/docs"}) { Docs }
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Link(ui.LinkProps{Href: "/docs"}) { Docs }
}Example variant.external
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Link(ui.LinkProps{Href: "https://example.com", External: true}) { External }
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Link(ui.LinkProps{Href: "https://example.com", External: true}) { External }
}API
AriaCurrent · string — role: current-state
External · bool — role: security
Href · string — role: destination
Size · string — role: density; enum: sm|default|lg; default: default; source: ui.link.LinkVariants
Variant · string — role: appearance; enum: default|muted|nav|block|external|unstyled; default: default; source: ui.link.LinkVariants