Link
A styled anchor component with variant support and external link handling.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Link />
Tested
Tier 3 · A11y + behavior
all components → Render Behavior A11y Keyboard Scale E2E
12 tests across 1 file. Auto-generated from the test suite.
Pick a variant to see it applied live.
This is a "default" link — hover meAPI Reference
Link
| Prop | Type | Default | Description |
|---|---|---|---|
| Href | string? | — | The URL the link navigates to. Omitted from the rendered <a> entirely (no href attribute) when null, empty, or whitespace-only, so the link stays inert instead of navigating to the current page. |
| External | bool | false | Opens the link in a new tab (target="_blank"), automatically adding rel="noopener noreferrer" unless the caller already supplied rel. |
| Disabled | bool | false | Renders the link as non-interactive: no href, aria-disabled="true", tabindex="-1" (removed from the tab order) and pointer events disabled. |
| AriaCurrent | string? | — | Value for the aria-current attribute when this link represents the current item (e.g. "page" for the active nav link). Null omits it. |
| Variant | string | "default" | Visual style: "default" (primary color, underline on hover), "muted" (muted color, foreground on hover), or "underline" (always underlined). |
| Size | string? | — | Text size utility suffix (e.g. "sm" renders text-sm). Omitted when null, leaving the inherited font size. |
| ChildContent | RenderFragment? | — | The link's visible content. |
| Class | string? | — | Additional CSS classes merged onto the <a> element. |
| AdditionalAttributes | Dictionary<string, object>? | — | Unmatched attributes splatted onto the <a> element. |