dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
62 lines • 3.53 kB
TypeScript
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
import * as React from 'react';
/**
* AlertDialog primitives for critical confirmation dialogs.
*/
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
/**
* Trigger that opens the dialog.
*/
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
/**
* Renders the dialog content in a portal to escape the parent container.
*/
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
/**
* AlertDialogOverlay - Background overlay for the alert dialog.
* @returns {JSX.Element} The rendered AlertDialogOverlay component.
*/
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
* AlertDialogContent - Modal content container for the alert dialog.
* @returns {JSX.Element} The rendered AlertDialogContent component.
*/
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
* AlertDialogHeader - Container for the dialog header.
* @returns {JSX.Element} The rendered AlertDialogHeader component.
*/
declare const AlertDialogHeader: {
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* AlertDialogFooter - Container for footer actions.
* @returns {JSX.Element} The rendered AlertDialogFooter component.
*/
declare const AlertDialogFooter: {
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* AlertDialogTitle - Accessible title for the alert dialog.
* @returns {JSX.Element} The rendered AlertDialogTitle component.
*/
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
/**
* AlertDialogDescription - Additional descriptive text.
* @returns {JSX.Element} The rendered AlertDialogDescription component.
*/
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
/**
* AlertDialogAction - Confirm action button.
* @returns {JSX.Element} The rendered AlertDialogAction component.
*/
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
/**
* AlertDialogCancel - Cancel action button.
* @returns {JSX.Element} The rendered AlertDialogCancel component.
*/
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
//# sourceMappingURL=alert-dialog.d.ts.map