Home

Awesome

deku-popup Build Status

Popup/modal component for Deku

Install

$ npm install deku-popup

Usage

import Popup from 'deku-popup';

const openPopup = setState => {
	setState({open: true});
};

const render = ({state}, setState) => (
	<div>
		<Button onClick={openPopup(setState)}>Open popup!</Button>
		<Popup open={state.open}>
			<h1>Hello world!</h1>
		</Popup>
	</div>
);

export default {render};

API

<Popup/>

onClickOutside

Type: Function

Function to call when clicking outside the popup.

open

Type: boolean<br> Default: false

Whether to show the popup upon the initial render.

License

MIT © Kevin Mårtensson