SusLink

Inline text link — Href, router Route, or custom click.

Package

SusKit · Atoms (commercial)

Open in Playground

SusKit · Atoms

Props

Name	Type	Default
Text	Prop<string>	""	v-model
Href	Prop<string>	""	v-model
Route	Prop<string>	""	v-model
Underline	Prop<bool>	true	v-model
Color	Prop<string>	"primary"	v-model
Size	Prop<string>	"inherit"	v-model
External	Prop<bool>	false	v-model

Slots

No slots.

Events

Name	Field	Payload
Click	OnClick	—

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

• keyboard-focus
• sus-link
• sus-link__text
• sus-link--danger
• sus-link--external
• sus-link--no-underline
• sus-link--secondary
• sus-link--size-large
• sus-link--size-small
• sus-link--size-x-large
• unity-label
• unity-text-element

Usage

<template>
  <sus:SusLink Text="Open docs"
               Href="https://example.com/docs"
               Color="primary"
               Underline="true"
               External="true"
               @click="OnNav" />
</template>

<script>
void OnNav() { /* optional extra handling */ }
</script>

var link = new SusLink();
link.Text.Value = "Profile";
link.Route.Value = "/profile";
link.Color.Value = "primary";
link.OnClick += () => { /* … */ };

Notes

• Prefer Route for in-app navigation (sus-router); use Href + External for outside URLs.
• Size: inherit follows surrounding text; otherwise use kit size tokens.