ar-design
Version:
AR Design is a (react | nextjs) ui library.
45 lines (44 loc) • 1.03 kB
TypeScript
import { IChildren, ISize } from "../../../libs/types/IGlobalProps";
interface IProps extends IChildren, ISize {
/**
* Modal'ın açık olup olmadığını kontrol eden ve değiştiren değerler.
*
* - `get`: Modal açık mı?
* - `set`: Aç/kapa işlemini yapan fonksiyon.
*
* Örneğin;
*
* ```jsx
* const [isOpen, setIsOpen] = useState(false);
*
* <Modal open={{ get: isOpen, set: setIsOpen }} />
* ```
*/
open: {
get: boolean;
set: React.Dispatch<React.SetStateAction<boolean>>;
};
/**
* Modal başlığı.
*
* Örneğin;
*
* ```jsx
* <Modal title="Bilgilendirme" />
* ```
*/
title?: string;
/**
* Modal alt içerik alanı (footer).
*
* Genellikle buton veya açıklamalar içerir.
*
* Örneğin;
*
* ```jsx
* <Modal footer={<button onClick={onClose}>Kapat</button>} />
* ```
*/
footer?: React.ReactNode;
}
export default IProps;