SusLink

Inline текстовая ссылка — Href, router Route или кастомный click.
Пакет
SusKit · Атомы (коммерческий)
Свойства
| Имя | Тип | По умолчанию | |
|---|---|---|---|
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 |
Слоты
Слотов нет.
События
| Имя | Поле | Payload |
|---|---|---|
Click | OnClick | — |
Хуки стиля
Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:
keyboard-focussus-linksus-link__textsus-link--dangersus-link--externalsus-link--no-underlinesus-link--secondarysus-link--size-largesus-link--size-smallsus-link--size-x-largeunity-labelunity-text-element
Использование
xml
<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>csharp
var link = new SusLink();
link.Text.Value = "Profile";
link.Route.Value = "/profile";
link.Color.Value = "primary";
link.OnClick += () => { /* … */ };Заметки
- Для навигации внутри приложения (sus-router) предпочитайте
Route; для внешних URL используйтеHref+External. Size:inheritследует окружающему тексту; иначе используйте size-токены kit.