SusRepeatButton

Hold to auto-repeat clicks — first delay, then interval ticks.
Package
SusKit · Atoms (commercial)
SusKit · Atoms
Props
| Name | Type | Default | |
|---|---|---|---|
Text | Prop<string> | "Hold" | v-model |
Icon | Prop<string> | "" | v-model |
Variant | Prop<string> | "elevated" | v-model |
Color | Prop<string> | "primary" | v-model |
Size | Prop<string> | "default" | v-model |
Disabled | Prop<bool> | false | v-model |
InitialDelayMs | Prop<int> | 400 | v-model |
IntervalMs | Prop<int> | 80 | v-model |
IsHolding | Prop<bool> | false | v-model |
Slots
No slots.
Events
| Name | Field | Payload |
|---|---|---|
Click | OnClick | — |
Repeat | OnRepeat | — |
Style hooks
USS class contract — override appearance without touching C#. States toggle via these classes:
sus-repeat-buttonsus-repeat-button--disabledsus-repeat-button--holding
Usage
xml
<template>
<sus:SusRepeatButton Text="+"
Variant="tonal"
Color="primary"
InitialDelayMs="400"
IntervalMs="80"
@click="OnStep"
@repeat="OnStep" />
</template>
<script>
void OnStep() { /* increment once per click / tick */ }
</script>csharp
var rpt = new SusRepeatButton();
rpt.Text.Value = "−";
rpt.InitialDelayMs.Value = 400;
rpt.IntervalMs.Value = 80;
rpt.OnClick += () => { /* … */ };
rpt.OnRepeat += () => { /* … */ };Variant
elevated · flat · tonal · outlined · text · plain
Notes
OnClickfires on press;OnRepeatfires on each auto-tick while held.