<Confirm />

form/confirm.svelte

"Leaded by a proud walk, nothing can stop nobody to win the step ahead, should we confirm ?"
V.Hugo 1850

Component Confirm examples :
Using slots
component Chipper demo using slots
code

<Confirm>
	<Button  
	slot="initial" 
	icon="fa-solid:question" 
	size="large">
		Would you please click once ?
	</Button>
	<Button focus type="submit" size="medium">
		Confirm
	</Button>
</Confirm>
Using props
component Chipper demo using props
primaryInitial string
tooltipInitial string
iconInitial string
iconColorInitial icon
primary icon
icon icon
iconColor icon
iconSize icon-size
code

<Confirm
  primary="confirm deletion" />
Api preview :
__propDef: {
    props: {
        /** text displayed on confirm button */ tooltipInitial?: string | undefined;
        /** text displayed on confirm button */ primaryInitial?: string | undefined;
        /** icon displayed on the confirm button */ iconInitial?: string | undefined;
        /** color of the icon displayed on the confirm button */ iconColorInitial?: string | undefined;
        /** text displayed on confirm button */ primary?: string | undefined;
        /** icon displayed on the confirm button */ icon?: string | undefined;
        /** color of the icon displayed on the confirm button */ iconColor?: string | undefined;
        /** action initiated on confirmation*/ action?: (() => void) | undefined;
        /** icon to display for back action */ cancelIcon?: string | undefined;
    };
    events: {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        initial: {};
        default: {};
    };
};