Feature Request: press and hold button

[ivanjaros]

In some cases, I want to have a press-and-hold button that will trigger the configured event only once the button is being pressed for configured amount of time. This is to prevent users from clicking on accident and triggering undesired action, especially if the action has no intermediary confirmation, like a dialog. Such button should have multiple styles of showing progress - filling up background color based on percentage, transitioning from one bg color to another, border filling around the button, like circular progress and so on.

This is also useful for touch devices.

[stefanvanherwijnen]

You can use debounce combined with the loading prop (or write your own customized function to keep track of the progress).

Example: https://github.com/simsustech/quasar-components/blob/main/packages/components/src/ui/general/QSubmitButton.vue