dgz-ui-shared/dist/types/components/modal/MyModal.d.ts

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

import type { ReactNode } from 'react';
import type { DialogProps } from '@radix-ui/react-dialog';
export type MyModalProps = DialogProps & {
    header?: ReactNode;
    trigger?: ReactNode;
    children?: ReactNode;
    footer?: ReactNode;
    className?: string;
    size?: 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
};
/**
 * MyModal is a convenience wrapper around Dialog with a header, content and optional footer.
 *
 * @param props.header - Header content.
 * @param props.trigger - Optional trigger element.
 * @param props.footer - Footer content.
 * @param props.size - Content max width size.
 */
export declare const MyModal: ({ header, footer, trigger, children, size, className, ...props }: MyModalProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=MyModal.d.ts.map