@dvcol/neo-svelte
Version:
Neomorphic ui library for svelte 5
42 lines (41 loc) • 1.34 kB
TypeScript
import type { Snippet } from 'svelte';
import type { MouseEventHandler } from 'svelte/elements';
import type { NeoIconButtonProps } from '../../buttons/neo-icon-button.model.js';
import type { NeoStepperContext, NeoStepperProps } from '../../stepper/neo-stepper.model.js';
import type { HTMLNeoBaseElement, HTMLTagProps } from '../../utils/html-element.utils.js';
export type NeoFloatingStepperProps = {
/**
* Element(s) to render inside the header once open.
*/
header?: string | Snippet<[NeoStepperContext]>;
/**
* Whether the stepper show a close button shown.
*
* @default true
*/
closable?: boolean;
/**
* Event Handlers that fires on close.
*/
onClose?: MouseEventHandler<HTMLButtonElement>;
/**
* Event Handlers that fires on cancel.
*/
onCancel?: NeoStepperProps['onBeforeStep'];
/**
* Event Handlers that fires on confirm.
*/
onConfirm?: NeoStepperProps['onBeforeStep'];
/**
* Optional props to pass to the header.
*/
headerProps?: HTMLNeoBaseElement & HTMLTagProps;
/**
* Optional props to pass to the content wrapper.
*/
contentProps?: HTMLNeoBaseElement & HTMLTagProps;
/**
* Optional props to pass to the close button.
*/
closeProps?: NeoIconButtonProps;
} & NeoStepperProps;