Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Popup-Fenster zur E-Mail-Bestätigung

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Popup-Fenster zur E-Mail-Bestätigung
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca3","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcec1"],"children":["27949bca-a301-00e6-3e1a-d45ba758aca4"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[{"name":"data-ms-content","value":"!verified"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca4","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcec8"],"children":["27949bca-a301-00e6-3e1a-d45ba758aca5","27949bca-a301-00e6-3e1a-d45ba758aca6"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca5","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcec2"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca6","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcebd"],"children":["24043cf7-1efb-106a-3af9-92a041dca256","24043cf7-1efb-106a-3af9-92a041dca258","8806df7c-dd4e-27ba-951d-6c060281590d","24043cf7-1efb-106a-3af9-92a041dca260","24043cf7-1efb-106a-3af9-92a041dca263","27949bca-a301-00e6-3e1a-d45ba758acfc"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca256","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b944"],"children":["24043cf7-1efb-106a-3af9-92a041dca257"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca257","text":true,"v":"Verify your email"},{"_id":"24043cf7-1efb-106a-3af9-92a041dca258","type":"Block","tag":"div","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca259","24043cf7-1efb-106a-3af9-92a041dca25a","24043cf7-1efb-106a-3af9-92a041dca25c","24043cf7-1efb-106a-3af9-92a041dca25d"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca259","text":true,"v":"Hi "},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25a","type":"Span","tag":"span","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca25b"],"data":{"xattr":[{"name":"data-ms-member","value":"name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25b","text":true,"v":"Johny"},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25c","text":true,"v":", Please verify your email address by clicking the link sent to "},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25d","type":"Strong","tag":"strong","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca25e"],"data":{"xattr":[{"name":"data-ms-member","value":"email"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25e","text":true,"v":"youremail@gmail.com"},{"_id":"8806df7c-dd4e-27ba-951d-6c060281590d","type":"Block","tag":"div","classes":["8dba19b8-974b-a4fb-8d07-28707eb3d74f","885b5821-a6d7-401d-dcc5-843dc9d0ceed"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca260","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b942"],"children":["24043cf7-1efb-106a-3af9-92a041dca261"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"resend-verification-email"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca261","type":"Block","tag":"div","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca262"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca262","text":true,"v":"Resend Verification Email"},{"_id":"24043cf7-1efb-106a-3af9-92a041dca263","type":"Block","tag":"div","classes":["bf5a1a66-6c77-9dc5-0355-659a61a0ed45"],"children":["24043cf7-1efb-106a-3af9-92a041dca264"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca264","text":true,"v":"Questions? Email us at feedback@fakesite.com"},{"_id":"27949bca-a301-00e6-3e1a-d45ba758acfc","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcebb"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"be0aa060-089e-0027-f84e-b5d660dbcec2","fake":false,"type":"class","name":"Close Overlay","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcebd","fake":false,"type":"class","name":"Verification Overlay","namespace":"","comb":"","styleLess":"position: relative; z-index: 10; display: block; overflow: hidden; width: 100%; max-width: 400px; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding-top: 40px; padding-right: 32px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; font-weight: 300; text-align: center;","variants":{"small":{"styleLess":"margin-bottom: 70px; padding-top: 50px; padding-right: 7%; padding-bottom: 2px; padding-left: 7%; flex-direction: column;"},"tiny":{"styleLess":"margin-bottom: 70px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b944","fake":false,"type":"class","name":"Form Header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":["e48d03d2-076b-91bd-0134-1bcf0e0628a5","04715e64-ed26-79a6-4229-0e9511162082"],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcec1","fake":false,"type":"class","name":"HIDE ME Overlay","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 8888; display: block; overflow: auto; background-color: hsla(214, 89.03%, 14.11%, 0.85);","variants":{},"children":[],"selector":null},{"_id":"885b5821-a6d7-401d-dcc5-843dc9d0ceed","fake":false,"type":"class","name":"20","namespace":"","comb":"&","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8dba19b8-974b-a4fb-8d07-28707eb3d74f","fake":false,"type":"class","name":"Spacer","namespace":"","comb":"","styleLess":"width: 10px; height: 10px;","variants":{},"children":["885b5821-a6d7-401d-dcc5-843dc9d0ceed","813d4e57-fbdc-9143-2530-d850520913e9"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"bf5a1a66-6c77-9dc5-0355-659a61a0ed45","fake":false,"type":"class","name":"description","namespace":"","comb":"","styleLess":"margin-top: 3px; opacity: 0.6; color: #0d0c22; font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcebb","fake":false,"type":"class","name":"Upgrade Accent","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; right: 0px; height: 10px; background-color: #ffd28b;","variants":{},"children":[],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcec8","fake":false,"type":"class","name":"Modal Scroll","namespace":"","comb":"","styleLess":"position: absolute; width: 100%; min-height: 100vh; padding-top: 50px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;","variants":{"medium":{"styleLess":"padding-top: 50px; padding-right: 5%; padding-left: 5%;"},"small":{"styleLess":"overflow: auto;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b942","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 5px; 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(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 16px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 0.00%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["c391dba6-3a8b-e535-79df-ac5d0fce7dd0","4f125f8f-8104-7bb0-724a-ffe715699095"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-33","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-65","e-66"],"target":"27949bca-a301-00e6-3e1a-d45ba758aca5","createdOn":1542478807638}],"events":[{"id":"e-65","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-66"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1542478807638},{"id":"e-66","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1542478807638}],"actionLists":[{"id":"a-17","title":"Close Overlay","actionItemGroups":[{"actionItems":[{"id":"a-17-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"easeInOut","duration":300,"target":{"nodeId":"5be477bed85245dd3093beb5|f6129632-99c0-7fe9-0a4e-68235b3aa9b1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["be0aa060-089e-0027-f84e-b5d660dbcec1"],"boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-17-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"easeInOut","duration":300,"target":{"nodeId":"27949bca-a301-00e6-3e1a-d45ba758aca6","appliesTo":"ELEMENT_CLASS","styleBlockIds":["be0aa060-089e-0027-f84e-b5d660dbcebd"],"boundaryMode":false},"yValue":50,"xUnit":"PX","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-17-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"27949bca-a301-00e6-3e1a-d45ba758aca3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["be0aa060-089e-0027-f84e-b5d660dbcec1"],"boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1542289639078}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca3","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcec1"],"children":["27949bca-a301-00e6-3e1a-d45ba758aca4"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[{"name":"data-ms-content","value":"!verified"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca4","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcec8"],"children":["27949bca-a301-00e6-3e1a-d45ba758aca5","27949bca-a301-00e6-3e1a-d45ba758aca6"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca5","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcec2"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27949bca-a301-00e6-3e1a-d45ba758aca6","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcebd"],"children":["24043cf7-1efb-106a-3af9-92a041dca256","24043cf7-1efb-106a-3af9-92a041dca258","8806df7c-dd4e-27ba-951d-6c060281590d","24043cf7-1efb-106a-3af9-92a041dca260","24043cf7-1efb-106a-3af9-92a041dca263","27949bca-a301-00e6-3e1a-d45ba758acfc"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca256","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b944"],"children":["24043cf7-1efb-106a-3af9-92a041dca257"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca257","text":true,"v":"Verify your email"},{"_id":"24043cf7-1efb-106a-3af9-92a041dca258","type":"Block","tag":"div","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca259","24043cf7-1efb-106a-3af9-92a041dca25a","24043cf7-1efb-106a-3af9-92a041dca25c","24043cf7-1efb-106a-3af9-92a041dca25d"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca259","text":true,"v":"Hi "},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25a","type":"Span","tag":"span","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca25b"],"data":{"xattr":[{"name":"data-ms-member","value":"name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25b","text":true,"v":"Johny"},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25c","text":true,"v":", Please verify your email address by clicking the link sent to "},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25d","type":"Strong","tag":"strong","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca25e"],"data":{"xattr":[{"name":"data-ms-member","value":"email"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca25e","text":true,"v":"youremail@gmail.com"},{"_id":"8806df7c-dd4e-27ba-951d-6c060281590d","type":"Block","tag":"div","classes":["8dba19b8-974b-a4fb-8d07-28707eb3d74f","885b5821-a6d7-401d-dcc5-843dc9d0ceed"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca260","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b942"],"children":["24043cf7-1efb-106a-3af9-92a041dca261"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"resend-verification-email"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca261","type":"Block","tag":"div","classes":[],"children":["24043cf7-1efb-106a-3af9-92a041dca262"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca262","text":true,"v":"Resend Verification Email"},{"_id":"24043cf7-1efb-106a-3af9-92a041dca263","type":"Block","tag":"div","classes":["bf5a1a66-6c77-9dc5-0355-659a61a0ed45"],"children":["24043cf7-1efb-106a-3af9-92a041dca264"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"24043cf7-1efb-106a-3af9-92a041dca264","text":true,"v":"Questions? Email us at feedback@fakesite.com"},{"_id":"27949bca-a301-00e6-3e1a-d45ba758acfc","type":"Block","tag":"div","classes":["be0aa060-089e-0027-f84e-b5d660dbcebb"],"children":[],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"be0aa060-089e-0027-f84e-b5d660dbcec2","fake":false,"type":"class","name":"Close Overlay","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; cursor: pointer;","variants":{},"children":[],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcebd","fake":false,"type":"class","name":"Verification Overlay","namespace":"","comb":"","styleLess":"position: relative; z-index: 10; display: block; overflow: hidden; width: 100%; max-width: 400px; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding-top: 40px; padding-right: 32px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; font-weight: 300; text-align: center;","variants":{"small":{"styleLess":"margin-bottom: 70px; padding-top: 50px; padding-right: 7%; padding-bottom: 2px; padding-left: 7%; flex-direction: column;"},"tiny":{"styleLess":"margin-bottom: 70px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b944","fake":false,"type":"class","name":"Form Header","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":["e48d03d2-076b-91bd-0134-1bcf0e0628a5","04715e64-ed26-79a6-4229-0e9511162082"],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcec1","fake":false,"type":"class","name":"HIDE ME Overlay","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 8888; display: block; overflow: auto; background-color: hsla(214, 89.03%, 14.11%, 0.85);","variants":{},"children":[],"selector":null},{"_id":"885b5821-a6d7-401d-dcc5-843dc9d0ceed","fake":false,"type":"class","name":"20","namespace":"","comb":"&","styleLess":"width: 20px; height: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8dba19b8-974b-a4fb-8d07-28707eb3d74f","fake":false,"type":"class","name":"Spacer","namespace":"","comb":"","styleLess":"width: 10px; height: 10px;","variants":{},"children":["885b5821-a6d7-401d-dcc5-843dc9d0ceed","813d4e57-fbdc-9143-2530-d850520913e9"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"bf5a1a66-6c77-9dc5-0355-659a61a0ed45","fake":false,"type":"class","name":"description","namespace":"","comb":"","styleLess":"margin-top: 3px; opacity: 0.6; color: #0d0c22; font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcebb","fake":false,"type":"class","name":"Upgrade Accent","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; top: 0px; right: 0px; height: 10px; background-color: #ffd28b;","variants":{},"children":[],"selector":null},{"_id":"be0aa060-089e-0027-f84e-b5d660dbcec8","fake":false,"type":"class","name":"Modal Scroll","namespace":"","comb":"","styleLess":"position: absolute; width: 100%; min-height: 100vh; padding-top: 50px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;","variants":{"medium":{"styleLess":"padding-top: 50px; padding-right: 5%; padding-left: 5%;"},"small":{"styleLess":"overflow: auto;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b942","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 48px; margin-top: 5px; 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(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: white; font-size: 16px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 0.00%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["c391dba6-3a8b-e535-79df-ac5d0fce7dd0","4f125f8f-8104-7bb0-724a-ffe715699095"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-33","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-65","e-66"],"target":"27949bca-a301-00e6-3e1a-d45ba758aca5","createdOn":1542478807638}],"events":[{"id":"e-65","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-17","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-66"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1542478807638},{"id":"e-66","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"27949bca-a301-00e6-3e1a-d45ba758aca5","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1542478807638}],"actionLists":[{"id":"a-17","title":"Close Overlay","actionItemGroups":[{"actionItems":[{"id":"a-17-n","actionTypeId":"STYLE_OPACITY","config":{"delay":0,"easing":"easeInOut","duration":300,"target":{"nodeId":"5be477bed85245dd3093beb5|f6129632-99c0-7fe9-0a4e-68235b3aa9b1","appliesTo":"ELEMENT_CLASS","styleBlockIds":["be0aa060-089e-0027-f84e-b5d660dbcec1"],"boundaryMode":false},"value":0,"unit":"%"},"instant":false},{"id":"a-17-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"easeInOut","duration":300,"target":{"nodeId":"27949bca-a301-00e6-3e1a-d45ba758aca6","appliesTo":"ELEMENT_CLASS","styleBlockIds":["be0aa060-089e-0027-f84e-b5d660dbcebd"],"boundaryMode":false},"yValue":50,"xUnit":"PX","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-17-n-3","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"27949bca-a301-00e6-3e1a-d45ba758aca3","appliesTo":"ELEMENT_CLASS","styleBlockIds":["be0aa060-089e-0027-f84e-b5d660dbcec1"],"boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1542289639078}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

The Email Verification Pop-Up is designed to prompt users to verify their email addresses after registration. It features a user-friendly interface that guides users through the verification process.

Wesentliche Merkmale:

  • Customizable message content including user name and email address.
  • Option to resend verification email.
  • Responsive design suitable for various screen sizes.
  • Overlay design to ensure focus on the verification task.

Gestaltungselemente:

  • Clean and modern aesthetic with a white background.
  • Rounded corners for a softer visual appeal.
  • Accent colors used for buttons and highlights.
  • Centered layout for easy user interaction.

Potenzielle Anwendungsfälle:

  • Web applications requiring user registration and email verification.
  • E-commerce platforms needing to confirm user identities.
  • Membership sites that require email validation for account access.
  • Online services that prioritize user security and data integrity.

Conclusion: The Email Verification Pop-Up is a versatile and essential component for any web application that requires email confirmation, ensuring a seamless user experience while enhancing security.

Mit dem Bau beginnen

Bauen Sie Ihre Träume

Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.