svelte-5-ui-lib
Version:
Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.
32 lines (31 loc) • 1.07 kB
TypeScript
import type { Snippet } from 'svelte';
import type { HTMLAttributes } from 'svelte/elements';
import type { TransitionFunc, ParamsType } from '../types';
type WidthType = 'md' | 'sm' | 'lg' | 'xl' | 'xs' | undefined;
type PosisionType = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default' | undefined;
interface ModalProps extends HTMLAttributes<HTMLDivElement> {
children: Snippet;
header?: Snippet;
footer?: Snippet;
title?: string;
modalStatus: boolean;
dismissable?: boolean;
closeModal?: () => void;
closeBtnClass?: string;
h3Class?: string;
divClass?: string;
headerClass?: string;
contentClass?: string;
bodyClass?: string;
footerClass?: string;
outsideClose?: boolean;
position?: PosisionType;
size?: WidthType;
backdrop?: boolean;
backdropClass?: string;
rounded?: boolean;
class?: string;
params?: ParamsType;
transition?: TransitionFunc;
}
export { type ModalProps };