Component laden...

Laden

Meer onderdelen

Bekijk alles
Oeps! Er ging iets mis bij het verzenden van het formulier.
Passwordless Signup Modal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcf8","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc54"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcf9","08b9111e-712c-f03f-099f-8b25db9ffcfb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcf9","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcfa"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfa","text":true,"v":"Signup Without Password"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfb","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcfc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfc","type":"Block","tag":"div","classes":["194cd90e-9755-4a2b-bf7a-cdbe11e39d93"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcfd","08b9111e-712c-f03f-099f-8b25db9ffcfe"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfd","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc55"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfe","type":"FormWrapper","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4f"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcff","08b9111e-712c-f03f-099f-8b25db9ffd13","08b9111e-712c-f03f-099f-8b25db9ffd16"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcff","type":"FormForm","tag":"form","classes":["bcef8dd8-4877-8228-52b0-574659cd8c52"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd00","08b9111e-712c-f03f-099f-8b25db9ffd02","08b9111e-712c-f03f-099f-8b25db9ffd04","08b9111e-712c-f03f-099f-8b25db9ffd0a","08b9111e-712c-f03f-099f-8b25db9ffd0e","08b9111e-712c-f03f-099f-8b25db9ffd0f"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd00","type":"Heading","tag":"h1","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc50"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd01"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd01","text":true,"v":"Create an account"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd02","type":"Paragraph","tag":"p","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd03"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd03","text":true,"v":"You need to sign up to access this feature."},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd04","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","bcef8dd8-4877-8228-52b0-574659cd8c53"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd05","08b9111e-712c-f03f-099f-8b25db9ffd07","08b9111e-712c-f03f-099f-8b25db9ffd08"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd05","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd06"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-4","id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd06","text":true,"v":"Email"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd07","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"Enter your email","type":"email","id":"Email-2","disabled":false,"required":false},"form":{"name":"Email 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd08","type":"Block","tag":"div","classes":["55ded2c9-f0d5-1eb4-fe06-b1961087d845"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd09"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd09","text":true,"v":"We'll email you a code to safely sign up."},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0a","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd0b","08b9111e-712c-f03f-099f-8b25db9ffd0d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0b","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd0c"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password-4","id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0c","text":true,"v":"We've just sent a 6 digit code. Check your inbox and paste the code here."},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0d","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"123-456","type":"text","id":"Password-2","disabled":false,"required":false},"form":{"name":"Password 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"token"}]}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0e","type":"FormButton","tag":"input","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51","d912e3fd-8552-a674-c763-6696ceb0cd17","7afce26c-ea30-481e-1890-6571a0ac4f87"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Sign Up"}]}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0f","type":"Link","tag":"a","classes":["84d4e904-1d88-4956-9a97-5d6cc5e1d099"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd10","08b9111e-712c-f03f-099f-8b25db9ffd11"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd10","type":"Image","tag":"img","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"648824e879e3a9444123cd73"}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd11","type":"Paragraph","tag":"p","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4b"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd12"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd12","text":true,"v":"Continue with Google"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd13","type":"FormSuccessMessage","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd14"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd14","type":"Block","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd15"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd15","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd16","type":"FormErrorMessage","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd17"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd17","type":"Block","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd18"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd18","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc55","fake":false,"type":"class","name":"icon_close","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 15px; right: 15px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(0, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":["e27b7bff-598d-a558-8267-ca1b5860d883"],"selector":null},{"_id":"7afce26c-ea30-481e-1890-6571a0ac4f87","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4e","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"width: 16px; height: 16px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc54","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"55ded2c9-f0d5-1eb4-fe06-b1961087d845","fake":false,"type":"class","name":"disclaimer","namespace":"","comb":"","styleLess":"margin-top: 10px; opacity: 0.8; font-size: 12px; line-height: 1.3; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc61","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2000; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c48","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc51","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d912e3fd-8552-a674-c763-6696ceb0cd17","abed96ac-6e6e-bc0b-c7c4-42158397adaf","ae945e35-270e-0b80-5b5e-b01a852e2439"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4f","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e5cb820e-cdee-83d7-d3d0-f3426b288951","fake":false,"type":"class","name":"passwordless","namespace":"","comb":"&","styleLess":"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(0, 0.00%, 96.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"84d4e904-1d88-4956-9a97-5d6cc5e1d099","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 7px; padding-bottom: 7px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: hsla(0, 0.00%, 0.00%, 1.00); line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4b","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d912e3fd-8552-a674-c763-6696ceb0cd17","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["7afce26c-ea30-481e-1890-6571a0ac4f87"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4a","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c46","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["bcef8dd8-4877-8228-52b0-574659cd8c53","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc50","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c53","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"194cd90e-9755-4a2b-bf7a-cdbe11e39d93","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":["2d58c6e7-f659-5020-5389-c5f1646310b9"],"selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c52","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","siteId":"648822d7f68d61afbc773a14","width":25,"isHD":false,"height":25,"fileName":"648824e879e3a9444123cd73_google.svg","createdOn":"2023-06-13T08:12:24.206Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","thumbUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","_id":"648824e879e3a9444123cd73","updatedOn":"2023-06-13T08:12:24.360Z","fileSize":1366}],"ix1":[],"ix2":{"interactions":[{"id":"i-9","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-17","e-18"],"target":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","createdOn":1686644667792},{"id":"i-10","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-19","e-20"],"target":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","createdOn":1686644667792}],"events":[{"id":"e-17","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-18"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792},{"id":"e-18","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792},{"id":"e-19","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-20"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792},{"id":"e-20","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792}],"actionLists":[{"id":"a-3","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-4","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-4-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcf8","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc54"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcf9","08b9111e-712c-f03f-099f-8b25db9ffcfb"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcf9","type":"Link","tag":"a","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcfa"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfa","text":true,"v":"Signup Without Password"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfb","type":"Block","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcfc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfc","type":"Block","tag":"div","classes":["194cd90e-9755-4a2b-bf7a-cdbe11e39d93"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcfd","08b9111e-712c-f03f-099f-8b25db9ffcfe"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfd","type":"HtmlEmbed","tag":"div","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc55"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.0002 10.586L16.9502 5.63599L18.3642 7.04999L13.4142 12L18.3642 16.95L16.9502 18.364L12.0002 13.414L7.05023 18.364L5.63623 16.95L10.5862 12L5.63623 7.04999L7.05023 5.63599L12.0002 10.586Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcfe","type":"FormWrapper","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4f"],"children":["08b9111e-712c-f03f-099f-8b25db9ffcff","08b9111e-712c-f03f-099f-8b25db9ffd13","08b9111e-712c-f03f-099f-8b25db9ffd16"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffcff","type":"FormForm","tag":"form","classes":["bcef8dd8-4877-8228-52b0-574659cd8c52"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd00","08b9111e-712c-f03f-099f-8b25db9ffd02","08b9111e-712c-f03f-099f-8b25db9ffd04","08b9111e-712c-f03f-099f-8b25db9ffd0a","08b9111e-712c-f03f-099f-8b25db9ffd0e","08b9111e-712c-f03f-099f-8b25db9ffd0f"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd00","type":"Heading","tag":"h1","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc50"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd01"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd01","text":true,"v":"Create an account"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd02","type":"Paragraph","tag":"p","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd03"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd03","text":true,"v":"You need to sign up to access this feature."},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd04","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","bcef8dd8-4877-8228-52b0-574659cd8c53"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd05","08b9111e-712c-f03f-099f-8b25db9ffd07","08b9111e-712c-f03f-099f-8b25db9ffd08"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd05","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd06"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-4","id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd06","text":true,"v":"Email"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd07","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"Enter your email","type":"email","id":"Email-2","disabled":false,"required":false},"form":{"name":"Email 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd08","type":"Block","tag":"div","classes":["55ded2c9-f0d5-1eb4-fe06-b1961087d845"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd09"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd09","text":true,"v":"We'll email you a code to safely sign up."},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0a","type":"Block","tag":"div","classes":["bcef8dd8-4877-8228-52b0-574659cd8c46","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd0b","08b9111e-712c-f03f-099f-8b25db9ffd0d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0b","type":"FormBlockLabel","tag":"label","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4a"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd0c"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password-4","id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0c","text":true,"v":"We've just sent a 6 digit code. Check your inbox and paste the code here."},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0d","type":"FormTextInput","tag":"input","classes":["bcef8dd8-4877-8228-52b0-574659cd8c48"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"123-456","type":"text","id":"Password-2","disabled":false,"required":false},"form":{"name":"Password 2","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"token"}]}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0e","type":"FormButton","tag":"input","classes":["caae45f9-6ecb-b414-c17b-79bfc22adc51","d912e3fd-8552-a674-c763-6696ceb0cd17","7afce26c-ea30-481e-1890-6571a0ac4f87"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Sign Up"}]}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd0f","type":"Link","tag":"a","classes":["84d4e904-1d88-4956-9a97-5d6cc5e1d099"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd10","08b9111e-712c-f03f-099f-8b25db9ffd11"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd10","type":"Image","tag":"img","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4e"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"648824e879e3a9444123cd73"}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd11","type":"Paragraph","tag":"p","classes":["bcef8dd8-4877-8228-52b0-574659cd8c4b"],"children":["08b9111e-712c-f03f-099f-8b25db9ffd12"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd12","text":true,"v":"Continue with Google"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd13","type":"FormSuccessMessage","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd14"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd14","type":"Block","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd15"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd15","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd16","type":"FormErrorMessage","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd17"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd17","type":"Block","tag":"div","classes":[],"children":["08b9111e-712c-f03f-099f-8b25db9ffd18"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"08b9111e-712c-f03f-099f-8b25db9ffd18","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc55","fake":false,"type":"class","name":"icon_close","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 15px; right: 15px; bottom: auto; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; color: hsla(0, 0.00%, 0.00%, 1.00); cursor: pointer;","variants":{},"children":["e27b7bff-598d-a558-8267-ca1b5860d883"],"selector":null},{"_id":"7afce26c-ea30-481e-1890-6571a0ac4f87","fake":false,"type":"class","name":"mb-10","namespace":"","comb":"&","styleLess":"margin-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4e","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"width: 16px; height: 16px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc54","fake":false,"type":"class","name":"clone-me","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"55ded2c9-f0d5-1eb4-fe06-b1961087d845","fake":false,"type":"class","name":"disclaimer","namespace":"","comb":"","styleLess":"margin-top: 10px; opacity: 0.8; font-size: 12px; line-height: 1.3; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc61","fake":false,"type":"class","name":"lightbox-modal","namespace":"","comb":"","styleLess":"position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2000; display: flex; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 0.40);","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c48","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc51","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["d912e3fd-8552-a674-c763-6696ceb0cd17","abed96ac-6e6e-bc0b-c7c4-42158397adaf","ae945e35-270e-0b80-5b5e-b01a852e2439"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4f","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e5cb820e-cdee-83d7-d3d0-f3426b288951","fake":false,"type":"class","name":"passwordless","namespace":"","comb":"&","styleLess":"padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(0, 0.00%, 96.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"84d4e904-1d88-4956-9a97-5d6cc5e1d099","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 7px; padding-bottom: 7px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 0.00%, 80.00%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: hsla(0, 0.00%, 0.00%, 1.00); line-height: 1.5; font-weight: 600; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4b","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"d912e3fd-8552-a674-c763-6696ceb0cd17","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["7afce26c-ea30-481e-1890-6571a0ac4f87"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c4a","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c46","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["bcef8dd8-4877-8228-52b0-574659cd8c53","e5cb820e-cdee-83d7-d3d0-f3426b288951"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"caae45f9-6ecb-b414-c17b-79bfc22adc50","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 5px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c53","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"194cd90e-9755-4a2b-bf7a-cdbe11e39d93","fake":false,"type":"class","name":"modal_small","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: auto; max-width: 500px; min-width: 400px; margin-bottom: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(235, 100.00%, 97.54%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(235, 100.00%, 97.54%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(235, 100.00%, 97.54%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(235, 100.00%, 97.54%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 20px 30px -10px hsla(261, 97.36%, 15.88%, 0.10); text-align: left;","variants":{"tiny":{"styleLess":"min-width: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: left;"}},"children":["2d58c6e7-f659-5020-5389-c5f1646310b9"],"selector":null},{"_id":"bcef8dd8-4877-8228-52b0-574659cd8c52","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","siteId":"648822d7f68d61afbc773a14","width":25,"isHD":false,"height":25,"fileName":"648824e879e3a9444123cd73_google.svg","createdOn":"2023-06-13T08:12:24.206Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","thumbUrl":"https://cdn.prod.website-files.com/648822d7f68d61afbc773a14/648824e879e3a9444123cd73_google.svg","_id":"648824e879e3a9444123cd73","updatedOn":"2023-06-13T08:12:24.360Z","fileSize":1366}],"ix1":[],"ix2":{"interactions":[{"id":"i-9","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-17","e-18"],"target":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","createdOn":1686644667792},{"id":"i-10","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-19","e-20"],"target":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","createdOn":1686644667792}],"events":[{"id":"e-17","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-3","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-18"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792},{"id":"e-18","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcf9","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792},{"id":"e-19","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-4","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-20"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792},{"id":"e-20","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"648822d7f68d61afbc773a3c|08b9111e-712c-f03f-099f-8b25db9ffcfd","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1686644667792}],"actionLists":[{"id":"a-3","title":"Open Modal","actionItemGroups":[{"actionItems":[{"id":"a-3-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-3-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":"flex"},"instant":true}]},{"actionItems":[{"id":"a-3-n-3","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"SIBLINGS","boundaryMode":false},"value":100,"unit":"%"},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1656488921465},{"id":"a-4","title":"Close Modal","actionItemGroups":[{"actionItems":[{"id":"a-4-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":0,"unit":"%"},"instant":false}]},{"actionItems":[{"id":"a-4-n-2","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"641311132daa4901ff841ee0|e6a7f7c5-30dd-8293-28b8-5b9a247030f8","appliesTo":"ELEMENT_CLASS","styleBlockIds":["caae45f9-6ecb-b414-c17b-79bfc22adc61"],"useEventTarget":"PARENT","boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1656488921465}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

The Passwordless Signup Modal is a user-friendly component designed to facilitate account creation without the need for a password, enhancing security and user experience. It allows users to sign up by entering their email and receiving a verification code.

Belangrijkste kenmerken:

  • Passwordless signup process
  • Email verification with a 6-digit code
  • Responsive design suitable for various devices
  • Integration with Google for quick sign-up
  • Customizable success and error messages

Ontwerpelementen:

  • Modern modal design with a clean layout
  • Light and dark color schemes for flexibility
  • Rounded corners and subtle shadows for depth
  • Clear typography for readability
  • Interactive elements with hover effects

Potentiële gebruikssituaties:

  • Web applications requiring secure user registration
  • E-commerce platforms looking to streamline account creation
  • SaaS products aiming to reduce friction in user onboarding
  • Mobile apps needing a quick sign-up process
  • Membership sites that prioritize user security

Conclusion: The Passwordless Signup Modal is a versatile and secure solution for modern web applications, making it easier for users to create accounts while maintaining a high level of security.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.