0.0.40 • Published 7 years ago

deni-react-modal v0.0.40

Weekly downloads
1
License
MIT
Repository
github
Last release
7 years ago

deni-react-modal

A cool way to show a modal using React

alt text

DEMOS

Usage

Create your modal by extending from DeniReactModal like this:

import { DeniReactModal } from 'deni-react-modal'

class SimpleModal extends DeniReactModal {

  getConfig() {
    return {
      title: 'Simple Modal',
      width: '650px',
    }
  }

  render() {
    return (
      <div>
        React Components Here
      </div>
    )
  }

}

export default SimpleModal;

..and then call that class like this:

import SimpleModal from './SimpleModal'
...
let modal = new SimpleModal();
modal.show();

Theming

You can use themes by passing in show method like this:

...
modal.show('indigo');

Or using "setTheme" method like this:

...
modal.setTheme('indigo');

Available themes:

  • red
  • pink
  • purple
  • deep-purple
  • indigo
  • blue
  • light-blue
  • cyan
  • teal
  • green
  • light-green
  • lime
  • yellow
  • amber
  • orange
  • deep-orange
  • brown
  • grey
  • blue-grey

Author

Denimar de Moraes (denimar@gmail.com) is a full-stack developper at the Wplex, Florianópolis, Santa Catarina, Brazil.

0.0.40

7 years ago

0.0.39

7 years ago

0.0.38

7 years ago

0.0.37

7 years ago

0.0.36

7 years ago

0.0.35

7 years ago

0.0.33

7 years ago

0.0.32

7 years ago

0.0.31

7 years ago

0.0.30

7 years ago

0.0.29

7 years ago

0.0.28

7 years ago

0.0.27

7 years ago

0.0.25

7 years ago

0.0.23

7 years ago

0.0.21

7 years ago

0.0.20

7 years ago

0.0.19

7 years ago

0.0.17

7 years ago

0.0.15

7 years ago

0.0.13

7 years ago

0.0.11

7 years ago

0.0.10

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago