@ieremeev/modal
@ieremeev/modal provides your with Semantic UI modal window
Installation
Run this command:
npm install cccisd-loader --save
Usage
var Modal = require('@ieremeev/modal');
var MyComponent = React.createClass({
render() {
return (
<Modal
trigger={<button>Open</button>}
title="Cool modal window"
>
<div>Some modal content</div>
</Modal>
);
},
});
Props
-
trigger - (type: node, default: "")
Any React component which will be the trigger for this modal
After clicking on this trigger the modal will show up
For example: Open Modal -
title - (type: string, default: "")
Header title -
size - (type: string, default: "normal")
Width of the modal window. Can be 'small', 'normal' and 'large'
Also you can use css-width, for example "700px", "90%" etc. -
modalWrapperClass - (type: string, default: "")
Class for modal wrapper -
beforeShow - (type: function, default: null)
Some function which will be run before modal shows up.
It can return Promise. In this case modal will wait for promise to be resolved. It will show spinning image during waiting. -
options - (type: object, default: {})
Look at http://getbootstrap.com/javascript/#modals-options