rharuow-ds
Version:
Modern React Design System with 20 components and auto color system. Define only 2 colors (primary/secondary) and get automatic variations (hover, light, dark) with proper text contrast (WCAG AA). Includes: Table, Card, Button, Chip, Pagination, Input, Te
18 lines (17 loc) • 632 B
TypeScript
import React from "react";
export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
open: boolean;
onClose: () => void;
size?: "sm" | "md" | "lg" | "xl" | "full";
variant?: "default" | "primary" | "secondary";
closeOnOverlayClick?: boolean;
closeOnEscape?: boolean;
showCloseButton?: boolean;
}
interface ModalComponent extends React.FC<ModalProps> {
Header: React.FC<React.HTMLAttributes<HTMLDivElement>>;
Body: React.FC<React.HTMLAttributes<HTMLDivElement>>;
Footer: React.FC<React.HTMLAttributes<HTMLDivElement>>;
}
export declare const Modal: ModalComponent;
export {};