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

Property	Type	Description	Default	Required
isOpen	bool	open state	-	yes
mountOnRender	bool	render children component Every time you open	true	no
direction	String	One of ("bottom", "top", "right", "left")	"bottom"	no
zIndex	number	overlaypages zIndex	100	no
duration	String	example "0.3s"	"0.3s"	no
style	Object	overlaypage's style	{}	no

License

Copyright (c) 2018 Ignocide.