ProgressButtonModel

23 Sep 20251 minute to read

Interface for a class ProgressButton

Properties

begin EmitType<ProgressEventArgs>

Triggers when the progress starts.

created EmitType<Event>

Triggers once the component rendering is completed.

end EmitType<ProgressEventArgs>

Triggers when the progress is completed.

fail EmitType<Event>

Triggers when the progress is incomplete.

progress EmitType<ProgressEventArgs>

Triggers in specified intervals.

animationSettings AnimationSettingsModel

Specifies the animation settings.

content string

Defines the text content of the progress button element.

cssClass string

Specifies the root CSS class of the progress button that allows customization of component’s appearance.
The progress button types, styles, and size can be achieved by using this property.

disabled boolean

Enables or disables the progress button.

duration number

Specifies the duration of progression in the progress button.

enableHtmlSanitizer boolean

Specifies whether to enable the rendering of untrusted HTML values in the Progress button component.
If ‘enableHtmlSanitizer’ set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.

enableProgress boolean

Enables or disables the background filler UI in the progress button.

iconCss string

Defines class/multiple classes separated by a space for the progress button that is used to include an icon.
Progress button can also include font icon and sprite image.

iconPosition string|IconPosition

Positions an icon in the progress button. The possible values are:

  • Left: The icon will be positioned to the left of the text content.
  • Right: The icon will be positioned to the right of the text content.
  • Top: The icon will be positioned at the top of the text content.
  • Bottom: The icon will be positioned at the bottom of the text content.

isPrimary boolean

Allows the appearance of the progress button to be enhanced and visually appealing when set to true.

isToggle boolean

Makes the progress button toggle, when set to true. When you click it, the state changes from normal to active.

spinSettings SpinSettingsModel

Specifies a spinner and its related properties.