@gemcook/modal

---

React Modal Component.

Online Demo

• https://modal.storybook.gemcook.com

Installation

npm install --save @gemcook/modal

or

yarn add @gemcook/modal

Usage

SCSS

Import @gemcook/modal/lib/styles/index.scss to your SCSS.

@import "~@gemcook/modal/lib/styles/index";

Examples

default

<div>
  <Button
    color="pink"
    onClick={() => store.set({ isModal: !store.state.isModal })}
  >
    Open Modal
  </Button>
  <Modal
    isModal={store.state.isModal}
    ModalBody={Welcome}
    handleCloseModal={() => store.set({ isModal: !store.state.isModal })}
  />
</div>

Documentaion

Props

Parameter	Type	Required	Default	Description
isModal	boolean	true	undefined	-
ModalBody	React.Element	true	undefined	-
handleCloseModal	(isModal: boolean) => void	true	undefined	-
size	enum	false	'sm'	Enums: 'xs', 'sm', 'md', 'lg', 'xl', 'full'

License

@gemcook/modal is released under the MIT license.