@upendradevsingh/webcore
Version:
UI Core Components for web
32 lines • 1.5 kB
Markdown
/**
* ====================================================================================
* Open a modal and fetch the content from defined url
* https://www.npmjs.com/package/react-modal-bootstrap
*
* <Modal
* header={true}
* footer={true}
* modalBodyContent={this.state.modalBodyContent}
* customBodyClass="" title="Modal Title"
* dataContent={{"data": {"name": "yogendra"}, "headers": {}, "method": "GET"}}
* optionType="link"
* dataUrl="https://jsonplaceholder.typicode.com/users"
* dialogLinkContent="Open Me"
* dataTarget=""
* onModalOpen={ res => { this.setState({ modalBodyContent: res.statusText}); } }
* >Content<Modal/>
* <Modal
* header={true}
* footer={true}
* modalBodyContent={this.state.modalBodyContent}
* customBodyClass="" title="Modal Title"
* dataContent={{"data": {"name": "yogendra"}, "headers": {}, "method": "GET"}}
* optionType="button"
* dataUrl="https://jsonplaceholder.typicode.com/users"
* dialogLinkContent="Open Me"
* dataTarget=""
* onModalOpen={ res => { this.setState({ modalBodyContent: res.statusText}); } }
* >Content<Modal/>
* need to define a handleModalOpen(event, resData) in your component where you are going to handle state changes
* ====================================================================================
*/