chrome:shell.skip

generated:catalog.entry.link.title

generated:catalog.entry.link.description

@xngui/components/link
@xngui/components/link

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.navigation:
Tab
demo-preview:hints.category.focus:
Focus
demo-preview:hints.category.shortcuts:
Enter / Space
demo-preview:projection.slots-label:
[xStart] ng-content [xEnd]
import { Component } from '@angular/core';
import { XLink } from '@xngui/components/link';
 
@Component({
selector: 'app-example',
imports: [XLink],
templateUrl: './link.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-link

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
href
string
—
External or static URL — use with `external` for off-site links.
to
string | readonly string[]
—
In-app route — preferred over `href` for SPA navigation.
external
boolean
false
Opens `href` in a new tab with `rel="noopener noreferrer"`.
disabled
boolean
false
Prevents navigation and renders a non-activatable `<span>` instead of `<a>`.
variant
XVariant
—
Semantic color role — falls back to XConfigService when unset.
underline
XLinkUnderline
'hover'
Underline visibility — `hover`, `always`, or `none`.
size
XSize
—
Text size tier — falls back to XConfigService when unset.
density
XDensity
—
Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
current
boolean
false
Marks this link as the current page (`aria-current="page"`).
download
boolean | string
—
Native `download` hint for `href` links — `true` or a suggested filename.