@gemcook/modal

3.5.3 • Public • Published

@gemcook/modal


npm version

React Modal Component.

Online Demo

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.

Package Sidebar

Install

npm i @gemcook/modal

Weekly Downloads

0

Version

3.5.3

License

MIT

Unpacked Size

138 kB

Total Files

15

Last publish

Collaborators

  • tfrcm
  • k.okayama
  • s.nishimura
  • gcshiro