ConfirmOrCancelButtons

Last chance to make the right decision.

Example

Props

🕹️ standard props
loading
boolean
Indicates if the confirm button is in a loading state.
false
marginTop
size
Top margin of the button container.
20px
cancelText
string
Text of the cancel button.
Annulla
confirmText
string
Text of the confirm button.
Salva
confirmDisable
boolean
Disables the confirm button.
false
cancelDisable
boolean
Disables the cancel button.
false
🎨 style props
No data available

Slots

cancelButtonSnippet

Slot for custom cancel button.

Default content:

<button
  class="text-button"
  onclick={handleCancel}
>{cancelText}</button>
    

Available variables:

Name	Type	Description
loading	boolean	Loading state.
handleCancel	function	Cancel handler.
cancelText	string	Cancel button text.

confirmButtonSnippet

Slot for custom confirm button.

Default content:

<Button
  loading={loading}
  onclick={handleConfirm}
  disabled={confirmDisable}
>{confirmText}</Button>
    

Available variables:

Name	Type	Description
loading	boolean	Loading state.
handleConfirm	function	Confirm handler.
confirmText	string	Confirm button text.
confirmDisable	boolean	Confirm button disabled state.

Events

onconfirmClick

Triggered when the confirm button is clicked.

Attribute	Type	Description
nativeEvent	MouseEvent	The native click event.

oncancelClick

Triggered when the cancel button is clicked.

Attribute	Type	Description
nativeEvent	MouseEvent | KeyboardEvent	The native click or keyboard event.