0.0.3 • Published 6 years ago

react-overlay-page v0.0.3

Weekly downloads
12
License
MIT
Repository
github
Last release
6 years ago

react-overlay-page

react component. It is not for react-native.

Installation

npm install react-overlay-page --save

Usage

import OverlayPage from 'react-overlay-page'
...

let options = {
  isOpen: true,
  mountOnRender: false,
  style: {
    backgroundColor: 'yellow'
  }
}

...

<OverlayPage {...options} >
    <YourContents/>
</OverlayPage>

Properties

PropertyTypeDescriptionDefaultRequired
isOpenboolopen state-yes
mountOnRenderboolrender children component Every time you opentrueno
directionStringOne of ("bottom", "top", "right", "left")"bottom"no
zIndexnumberoverlaypages zIndex100no
durationStringexample "0.3s""0.3s"no
styleObjectoverlaypage's style{}no

License

Copyright (c) 2018 Ignocide.