@start-base/react-modal
Version:
Accessible modal dialog component and global modals provider for React.JS. This package is a enhanced version of react-modal.
29 lines (22 loc) • 901 B
TypeScript
import React, { ReactNode } from 'react';
import ReactModal from 'react-modal';
interface ReactModalProps extends Omit<ReactModal.Props, "appElement"> {
name: string;
appElement?: string | HTMLElement;
}
interface GlobalModalsProps {
children: ReactNode;
}
declare const GlobalModals: React.FC<GlobalModalsProps>;
declare const Modal: ({ children, isOpen, appElement, name, ...rest }: ReactModalProps) => React.JSX.Element;
declare const ModalProvider: ({ children }: {
children: React.ReactNode;
}) => React.JSX.Element;
declare function useModal(): {
modals: string[];
openedModals: Record<string, boolean>;
modalProps: Record<string, Record<string, any>>;
openModal: (name: string, props?: Record<string, unknown>) => void;
closeModal: (name: string) => void;
};
export { GlobalModals, Modal, type ReactModalProps as ModalProps, ModalProvider, useModal };