1.1.6 • Published 4 years ago
@devgw-react/blank-modal v1.1.6
@devgw-react/blank-modal
React Hook to open your modal on browser
Installation
yarn
yarn add @devgw-react/blank-modal
npm
npm i @devgw-react/blank-modal
Usage
import React from "react";
import { ModalTemplate, useModalHandler } from "@devgw/blank-modal";
const ModalParent = () => {
const {
isVisible,
handleModalActive,
handleModalInactive,
} = useModalHandler();
return (
<>
<ModalTemplate
isVisible={isVisible} // modal status
handleModalInactive={handleModalInactive} // modal close
>
// create a component for modal here.
<div>HELLOW</div>
<button onClick={handleModalInactive}></button> // modal close
</ModalTemplate>
<button onClick={handleModalActive}>MODAL OPEN</button> // modal open
</>
);
};
export default ModalParent;
ModalTemplate Arguments
Argument | Type | Description | Required |
---|---|---|---|
children | ReactNode | Components to be view in modal | yes |
isVisible | boolean | modal visible state value | yes |
handleModalInactive | ()=>void | modal isVisible handler | no |
borderRadius | string | modal border radius value | no |
bgColor | string | modal background color value | no |
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.2
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago