DelayButton QML Type

A styled delay/hold button with progress fill animation. More...

Import Statement: import FluentUI 1.0

List of all members, including inherited members

Properties

accentColor : var
checked : bool
delay : int
enabled : bool
font : font
progress : real
text : string

Detailed Description

DelayButton is a QML component that extends QtQuick.Controls.DelayButton with Fluent Design theme support. It requires the user to press and hold the button for a specified duration before the action is triggered, with a progress fill animation indicating the remaining hold time.

Usage Example

 import QtQuick
 import FluentUI

 DelayButton {
     text: "Hold to confirm"
     delay: 1000
 }

See also QtQuick.Controls.DelayButton.

Property Documentation

accentColor : var

The accent color used for the progress fill animation. When set, this overrides the accent color provided by the parent's FluentUI attached properties.

checked : bool

Whether the delay button is in the checked (activated) state after a successful hold. This property is inherited from QtQuick.Controls.DelayButton.

delay : int

The delay in milliseconds for which the button must be held before the action is triggered. This property is inherited from QtQuick.Controls.DelayButton.

enabled : bool

Whether the button is enabled. This property is inherited from QtQuick.Controls.DelayButton.

font : font

The font used for the button text. This property is inherited from QtQuick.Controls.DelayButton.

progress : real

The current progress of the hold animation, ranging from 0.0 to 1.0. This property is inherited from QtQuick.Controls.DelayButton.

text : string

The text displayed on the button. This property is inherited from QtQuick.Controls.DelayButton.

Contents