PK R3 va-modal.cccomp-PK ڄRuT O component.jsonO{"UUID":"58fd36f6-1fd9-4260-bc56-08872d328e3a","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 4":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3479","appId":"RSD","appVersion":3479,"buildNumber":5939,"component_resources":{"classes":6,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":2,"links_external":0,"links_internal":0,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
\n// Get the modal\nvar modal = document.getElementById("myModal");\n\n// Get the button that opens the modal\nvar btn = document.getElementById("myBtn");\n\n// Get the element that closes the modal\nvar span = document.getElementsByClassName("modal-close")[0];\n\n// When the user clicks the button, open the modal \nbtn.onclick = function() {\n modal.style.display = "block";\n}\n\n// When the user clicks on (x), close the modal\nspan.onclick = function() {\n modal.style.display = "none";\n}\n\n// When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n if (event.target == modal) {\n modal.style.display = "none";\n }\n}\n\" data-outline-closed=\"\">
Here is the modal
Delete this paragraph and pop something more exciting in here! Anything you like.