Link

Navigation

Takes a block

Client-side navigation link; its label or its block is the link text.

Link(label, to: …, active: …) { … }

Example

Link("About us", to: "/about") Link("Guide", to: "/docs", active: .prefix) Link(to: "https://example.com", target: "_blank") { Text("Example") }

Renders with the class wf-link, stable across releases, so a stylesheet may target it.

Props of Link
Prop Type Meaning
label String (positional)

The link text

to: Path

Route to navigate to; the link whose to matches the current route carries .active and aria-current="page"

active: .prefix

How the link decides it is the current one

Attribute families: global, aria, data, anchor. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.