@chakra-ui/modal
Version:
An accessible dialog (modal) component for React & Chakra UI
31 lines (28 loc) • 1.4 kB
TypeScript
import * as _chakra_ui_system from '@chakra-ui/system';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { ModalProps } from './modal.js';
import { ModalContentProps } from './modal-content.js';
export { ModalBody as AlertDialogBody } from './modal-body.js';
export { ModalCloseButton as AlertDialogCloseButton } from './modal-close-button.js';
export { ModalFooter as AlertDialogFooter } from './modal-footer.js';
export { ModalHeader as AlertDialogHeader } from './modal-header.js';
export { ModalOverlay as AlertDialogOverlay } from './modal-overlay.js';
import 'react';
import '@chakra-ui/focus-lock';
import '@chakra-ui/portal';
import './use-modal.js';
import '@chakra-ui/react-types';
import 'framer-motion';
import '@chakra-ui/close-button';
interface AlertDialogProps extends Omit<ModalProps, "initialFocusRef"> {
leastDestructiveRef: NonNullable<ModalProps["initialFocusRef"]>;
}
/**
* `AlertDialog` component is used interrupt the user with a mandatory confirmation or action.
*
* @see Docs https://chakra-ui.com/docs/components/alert-dialog
* @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
*/
declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime.JSX.Element;
declare const AlertDialogContent: _chakra_ui_system.ComponentWithAs<"section", ModalContentProps>;
export { AlertDialog, AlertDialogContent, AlertDialogProps };