Action Button

Usage

Use ActionButton for a button that starts one async action and should show where it is: save, send, dispatch, sync. For a plain action, use Button.

Click calls onAction. Return the promise; the button stays pending until it settles.
A resolved action shows the success label and a drawn check for about 2.4 seconds, then returns to idle.
A rejected action returns to idle at once and calls onActionError. The button has no error face, so report the failure there.
Paint comes from intent, variant, and size, the same props as Button. leading adds an icon before the label. The trailing icon belongs to the button.
tooltip works as on Button.

When not to use it

On this page

Usage

Use ActionButton for a button that starts one async action and should show where it is: save, send, dispatch, sync. For a plain action, use Button.

Click calls onAction. Return the promise; the button stays pending until it settles.
A resolved action shows the success label and a drawn check for about 2.4 seconds, then returns to idle.
A rejected action returns to idle at once and calls onActionError. The button has no error face, so report the failure there.
Paint comes from intent, variant, and size, the same props as Button. leading adds an icon before the label. The trailing icon belongs to the button.
tooltip works as on Button.

When not to use it

On this page