Link
Textlink mit URL-Whitelist — echte href-Navigation bleibt immer die Rückfallebene
Beispiele
Standard
Extern (neuer Tab)
Gedämpft
Unsichere URL → neutralisiert
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| text * | string | — | Text |
| href * | string | — | Ziel-URL |
| external | boolean | false | In neuem Tab (extern) |
| tone | string: default | muted | "default" | Ton |
* Pflicht-Prop
Events & Slots
Events:
⚡ navigate — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--link-color | var(--color-text-link) |
Genutzte Design-Tokens
color.action.primary-hovercolor.text.linkcolor.text.mutedduration.fasteasing.standardfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultradius.smsize.05text.xs