RuiTimeOutButton
Sources:
../../src/componentsInputs/TimeOutButton/TimeOutButton.vueButton that executes a callback after a given time.
Button that executes a callback after a given time.
Props
| Name | Required | Type | Default | Allowed values | Description |
|---|---|---|---|---|---|
| Content | |||||
label | string | null | Button text | ||
toggleLabel | string | null | Alternative text when timeout is active | ||
icon | string | null | Optional icon | ||
| Behavior | |||||
timeout | number | 2000 | Timeout duration | ||
noTextOnSmall | boolean | false | Whether to hide the text on small screens | ||
| Display | |||||
variant | string | 'destructive' | destructive, creative, recording, canceling | Timeout duration | |
Events
| Name | Description | Parameters |
|---|---|---|
timed-out | Fired when time out is over |
Slots
| Name | Description |
|---|---|
toggleLabel | Custom content when timer is running |
default |