react-modaliz v0.1.2

React Modaliz

React component which provide nice and simple modal popup window

Example

https://ivanzusko.github.io/react-modaliz/

Installation

Just run

npm i react-modaliz

or (if you are using Yarn)

yarn add react-modaliz

Usage

normal variant

with custom markup which will be passed as the children:

import Modaliz from 'react-modaliz';

<Modaliz
    className="any-custom-class"
    onClose={this.closeModal}
    show={this.state.showModal}
    speed={500}
>
    <h1>You title</h1>
    <div>
        <p>Lorem inpsum</p>
    </div>
</Modaliz>

simple variant

without any children, just passed as the props title and text:

import Modaliz from 'react-modaliz';

<Modaliz
    className="any-custom-class"
    onClose={this.closeModal}
    show={this.state.showModal}
    simple
    speed={500}
    text="Lorem inpsum"
    title="You title"
/>

Under the hood title will appear as h1 and text as a p in the div

Customization

P.S.

Huge appreciation to JULIAN ĆWIRKO for his react-npm-boilerplate