0.0.40 • Published 6 years ago
deni-react-modal v0.0.40
deni-react-modal
A cool way to show a modal using React
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
6 years ago
0.0.39
6 years ago
0.0.38
6 years ago
0.0.37
6 years ago
0.0.36
6 years ago
0.0.35
6 years ago
0.0.33
6 years ago
0.0.32
6 years ago
0.0.31
6 years ago
0.0.30
6 years ago
0.0.29
6 years ago
0.0.28
6 years ago
0.0.27
6 years ago
0.0.25
6 years ago
0.0.23
6 years ago
0.0.21
6 years ago
0.0.20
6 years ago
0.0.19
6 years ago
0.0.17
6 years ago
0.0.15
6 years ago
0.0.13
6 years ago
0.0.11
6 years ago
0.0.10
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago