Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Sign Up + Emoji Profile Pics

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Sign Up + Emoji Profile Pics
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"01fb1967-ae30-3d91-c18d-36713238ba60","type":"Section","tag":"section","classes":["93ca39ce-6be2-18c5-069f-6c5d630126a6"],"children":["49bd6b90-d2e6-40bd-1af7-822b1871bd35"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"49bd6b90-d2e6-40bd-1af7-822b1871bd35","type":"Block","tag":"div","classes":[],"children":["0d97dc97-be1c-8188-893c-2206c6e6243d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6243d","type":"FormWrapper","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9fd"],"children":["0d97dc97-be1c-8188-893c-2206c6e6243e","0d97dc97-be1c-8188-893c-2206c6e62468","0d97dc97-be1c-8188-893c-2206c6e6246b"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6243e","type":"FormForm","tag":"form","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f7"],"children":["0d97dc97-be1c-8188-893c-2206c6e62442","0d97dc97-be1c-8188-893c-2206c6e62444","97498b7a-45e3-0637-5c18-8d136868089b","0d97dc97-be1c-8188-893c-2206c6e62445","0d97dc97-be1c-8188-893c-2206c6e6244e","0d97dc97-be1c-8188-893c-2206c6e62452","0d97dc97-be1c-8188-893c-2206c6e6245c"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62442","type":"Heading","tag":"h1","classes":["fff1d526-7f12-4e51-3547-91ac0683b9ec"],"children":["0d97dc97-be1c-8188-893c-2206c6e62443"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62443","text":true,"v":"Create an account"},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62444","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9ef"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"97498b7a-45e3-0637-5c18-8d136868089b","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f1"],"children":["97498b7a-45e3-0637-5c18-8d136868089e","a3e3386b-373d-2bae-3e47-a3e07a91dda4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"97498b7a-45e3-0637-5c18-8d136868089e","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4","b35b5a78-c321-3e8d-6a53-052ed751a72a"],"children":["97498b7a-45e3-0637-5c18-8d136868089d","8a8b9583-8684-f8fc-e221-60d2f89ce1a9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"97498b7a-45e3-0637-5c18-8d136868089d","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0","60bd604d-f9d3-44c9-c7cf-f145a563f410","4dac247b-b142-7ed4-9ec5-bdc3d4bccb2a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"my-input","data-name":"my-input","placeholder":"😎","type":"text","id":"my-input","disabled":false,"required":true},"form":{"name":"my-input","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"emoji"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8a8b9583-8684-f8fc-e221-60d2f89ce1a9","type":"Block","tag":"div","classes":["b863eeea-e284-1711-db53-803b99d1e9bb","ec00915d-63c3-a1b8-7571-be4a61b3e639"],"children":["9db9a13f-7ac0-7691-77de-91d36d11922c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9db9a13f-7ac0-7691-77de-91d36d11922c","text":true,"v":"Select your emoji profile picture"},{"_id":"a3e3386b-373d-2bae-3e47-a3e07a91dda4","type":"HtmlEmbed","tag":"div","classes":["bf9a1d33-32a1-2867-6fd9-4a78f8faee07","5c1fec4c-a7e3-7606-9a0e-601bb671adb6"],"children":[],"v":"<emoji-picker></emoji-picker>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<emoji-picker></emoji-picker>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62445","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f1"],"children":["0d97dc97-be1c-8188-893c-2206c6e62446","0d97dc97-be1c-8188-893c-2206c6e6244a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62446","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4","fff1d526-7f12-4e51-3547-91ac0683ba01"],"children":["0d97dc97-be1c-8188-893c-2206c6e62449"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62449","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"First name","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6244a","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4"],"children":["0d97dc97-be1c-8188-893c-2206c6e6244d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6244d","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"Last name","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6244e","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4"],"children":["0d97dc97-be1c-8188-893c-2206c6e62451"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62451","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Email","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62452","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4"],"children":["0d97dc97-be1c-8188-893c-2206c6e62455"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62455","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6245c","type":"FormButton","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9ed","fff1d526-7f12-4e51-3547-91ac0683ba00"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Sign Up","data-wait":"Please wait...","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62468","type":"FormSuccessMessage","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f9"],"children":["0d97dc97-be1c-8188-893c-2206c6e62469"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62469","type":"Block","tag":"div","classes":[],"children":["0d97dc97-be1c-8188-893c-2206c6e6246a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246a","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246b","type":"FormErrorMessage","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f8"],"children":["0d97dc97-be1c-8188-893c-2206c6e6246c"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246c","type":"Block","tag":"div","classes":[],"children":["0d97dc97-be1c-8188-893c-2206c6e6246d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246d","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"5c1fec4c-a7e3-7606-9a0e-601bb671adb6","fake":false,"type":"class","name":"hide-on-click","namespace":"","comb":"&","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"60bd604d-f9d3-44c9-c7cf-f145a563f410","fake":false,"type":"class","name":"emoji-img","namespace":"","comb":"&","styleLess":"width: 50px; height: 50px; max-width: none; padding-right: 0px; padding-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; box-shadow: none; font-size: 50px; text-align: center;","variants":{},"children":["4dac247b-b142-7ed4-9ec5-bdc3d4bccb2a"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f1","fake":false,"type":"class","name":"form-row","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"93ca39ce-6be2-18c5-069f-6c5d630126a6","fake":false,"type":"class","name":"big-section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f9","fake":false,"type":"class","name":"message-success","namespace":"","comb":"","styleLess":"border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #19b13a; color: hsla(243, 0.00%, 100.00%, 1.00); font-weight: 600;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683ba01","fake":false,"type":"class","name":"mr-15","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"4dac247b-b142-7ed4-9ec5-bdc3d4bccb2a","fake":false,"type":"class","name":"no-pointer","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f4","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["fff1d526-7f12-4e51-3547-91ac0683ba01","b35b5a78-c321-3e8d-6a53-052ed751a72a"],"selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9ef","fake":false,"type":"class","name":"spacer-15","namespace":"","comb":"","styleLess":"width: 100%; height: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9ed","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; 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: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","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":["fff1d526-7f12-4e51-3547-91ac0683ba00"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bf9a1d33-32a1-2867-6fd9-4a78f8faee07","fake":false,"type":"class","name":"html-embed","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 100%; right: 0%; bottom: 0px; z-index: 100; display: none; width: 100%; margin-bottom: 12px;","variants":{},"children":["5c1fec4c-a7e3-7606-9a0e-601bb671adb6"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b863eeea-e284-1711-db53-803b99d1e9bb","fake":false,"type":"class","name":"text","namespace":"","comb":"","styleLess":"font-size: 17px; font-weight: 300;","variants":{},"children":["ec00915d-63c3-a1b8-7571-be4a61b3e639"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683ba00","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 44px; margin-top: 10px; margin-left: 0px; padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; background-image: linear-gradient(70deg, hsla(245, 77.17%, 47.04%, 1.00), hsla(280, 88.71%, 58.68%, 1.00) 53%, hsla(359, 76.47%, 45.33%, 1.00));","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ec00915d-63c3-a1b8-7571-be4a61b3e639","fake":false,"type":"class","name":"no-pointer","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b35b5a78-c321-3e8d-6a53-052ed751a72a","fake":false,"type":"class","name":"horizontal","namespace":"","comb":"&","styleLess":"padding-top: 10px; padding-bottom: 10px; flex-direction: row; justify-content: center; align-items: center; grid-column-gap: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 93.33%, 1.00); cursor: pointer;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00); border-right-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00); border-bottom-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00); border-left-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9fd","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 0 8px 0 hsla(0, 0.00%, 0.00%, 0.13);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9ec","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600; text-align: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f8","fake":false,"type":"class","name":"message-error","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f7","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0px; padding-top: 0px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f0","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 44px; margin-bottom: 0px; padding-top: 8px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 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); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["60bd604d-f9d3-44c9-c7cf-f145a563f410"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","createdOn":1684164872068}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684164872068},{"id":"e-2","name":"","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684164872069}],"actionLists":[{"id":"a","title":"Show Popup","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64623b51c68c9f9ca1f67fa0|a3e3386b-373d-2bae-3e47-a3e07a91dda4","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bf9a1d33-32a1-2867-6fd9-4a78f8faee07"],"boundaryMode":false},"value":"flex"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1684164606012},{"id":"a-2","title":"Hide Popup","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64623b51c68c9f9ca1f67fa0|a3e3386b-373d-2bae-3e47-a3e07a91dda4","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bf9a1d33-32a1-2867-6fd9-4a78f8faee07","5c1fec4c-a7e3-7606-9a0e-601bb671adb6"],"boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1684165509878}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"01fb1967-ae30-3d91-c18d-36713238ba60","type":"Section","tag":"section","classes":["93ca39ce-6be2-18c5-069f-6c5d630126a6"],"children":["49bd6b90-d2e6-40bd-1af7-822b1871bd35"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"49bd6b90-d2e6-40bd-1af7-822b1871bd35","type":"Block","tag":"div","classes":[],"children":["0d97dc97-be1c-8188-893c-2206c6e6243d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6243d","type":"FormWrapper","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9fd"],"children":["0d97dc97-be1c-8188-893c-2206c6e6243e","0d97dc97-be1c-8188-893c-2206c6e62468","0d97dc97-be1c-8188-893c-2206c6e6246b"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6243e","type":"FormForm","tag":"form","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f7"],"children":["0d97dc97-be1c-8188-893c-2206c6e62442","0d97dc97-be1c-8188-893c-2206c6e62444","97498b7a-45e3-0637-5c18-8d136868089b","0d97dc97-be1c-8188-893c-2206c6e62445","0d97dc97-be1c-8188-893c-2206c6e6244e","0d97dc97-be1c-8188-893c-2206c6e62452","0d97dc97-be1c-8188-893c-2206c6e6245c"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62442","type":"Heading","tag":"h1","classes":["fff1d526-7f12-4e51-3547-91ac0683b9ec"],"children":["0d97dc97-be1c-8188-893c-2206c6e62443"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62443","text":true,"v":"Create an account"},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62444","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9ef"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"97498b7a-45e3-0637-5c18-8d136868089b","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f1"],"children":["97498b7a-45e3-0637-5c18-8d136868089e","a3e3386b-373d-2bae-3e47-a3e07a91dda4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"97498b7a-45e3-0637-5c18-8d136868089e","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4","b35b5a78-c321-3e8d-6a53-052ed751a72a"],"children":["97498b7a-45e3-0637-5c18-8d136868089d","8a8b9583-8684-f8fc-e221-60d2f89ce1a9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"97498b7a-45e3-0637-5c18-8d136868089d","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0","60bd604d-f9d3-44c9-c7cf-f145a563f410","4dac247b-b142-7ed4-9ec5-bdc3d4bccb2a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"my-input","data-name":"my-input","placeholder":"😎","type":"text","id":"my-input","disabled":false,"required":true},"form":{"name":"my-input","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"emoji"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8a8b9583-8684-f8fc-e221-60d2f89ce1a9","type":"Block","tag":"div","classes":["b863eeea-e284-1711-db53-803b99d1e9bb","ec00915d-63c3-a1b8-7571-be4a61b3e639"],"children":["9db9a13f-7ac0-7691-77de-91d36d11922c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9db9a13f-7ac0-7691-77de-91d36d11922c","text":true,"v":"Select your emoji profile picture"},{"_id":"a3e3386b-373d-2bae-3e47-a3e07a91dda4","type":"HtmlEmbed","tag":"div","classes":["bf9a1d33-32a1-2867-6fd9-4a78f8faee07","5c1fec4c-a7e3-7606-9a0e-601bb671adb6"],"children":[],"v":"<emoji-picker></emoji-picker>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<emoji-picker></emoji-picker>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62445","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f1"],"children":["0d97dc97-be1c-8188-893c-2206c6e62446","0d97dc97-be1c-8188-893c-2206c6e6244a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62446","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4","fff1d526-7f12-4e51-3547-91ac0683ba01"],"children":["0d97dc97-be1c-8188-893c-2206c6e62449"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62449","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"First Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"First name","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6244a","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4"],"children":["0d97dc97-be1c-8188-893c-2206c6e6244d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6244d","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"Last Name","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"Last name","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6244e","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4"],"children":["0d97dc97-be1c-8188-893c-2206c6e62451"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62451","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Email","type":"email","id":"Email","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62452","type":"Block","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f4"],"children":["0d97dc97-be1c-8188-893c-2206c6e62455"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62455","type":"FormTextInput","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f0"],"children":[],"data":{"form":{"name":"Password","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"Password","type":"password","id":"Password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6245c","type":"FormButton","tag":"input","classes":["fff1d526-7f12-4e51-3547-91ac0683b9ed","fff1d526-7f12-4e51-3547-91ac0683ba00"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Sign Up","data-wait":"Please wait...","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62468","type":"FormSuccessMessage","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f9"],"children":["0d97dc97-be1c-8188-893c-2206c6e62469"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e62469","type":"Block","tag":"div","classes":[],"children":["0d97dc97-be1c-8188-893c-2206c6e6246a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246a","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246b","type":"FormErrorMessage","tag":"div","classes":["fff1d526-7f12-4e51-3547-91ac0683b9f8"],"children":["0d97dc97-be1c-8188-893c-2206c6e6246c"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246c","type":"Block","tag":"div","classes":[],"children":["0d97dc97-be1c-8188-893c-2206c6e6246d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0d97dc97-be1c-8188-893c-2206c6e6246d","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"5c1fec4c-a7e3-7606-9a0e-601bb671adb6","fake":false,"type":"class","name":"hide-on-click","namespace":"","comb":"&","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"60bd604d-f9d3-44c9-c7cf-f145a563f410","fake":false,"type":"class","name":"emoji-img","namespace":"","comb":"&","styleLess":"width: 50px; height: 50px; max-width: none; padding-right: 0px; padding-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; box-shadow: none; font-size: 50px; text-align: center;","variants":{},"children":["4dac247b-b142-7ed4-9ec5-bdc3d4bccb2a"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f1","fake":false,"type":"class","name":"form-row","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"93ca39ce-6be2-18c5-069f-6c5d630126a6","fake":false,"type":"class","name":"big-section","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f9","fake":false,"type":"class","name":"message-success","namespace":"","comb":"","styleLess":"border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #19b13a; color: hsla(243, 0.00%, 100.00%, 1.00); font-weight: 600;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683ba01","fake":false,"type":"class","name":"mr-15","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"4dac247b-b142-7ed4-9ec5-bdc3d4bccb2a","fake":false,"type":"class","name":"no-pointer","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f4","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["fff1d526-7f12-4e51-3547-91ac0683ba01","b35b5a78-c321-3e8d-6a53-052ed751a72a"],"selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9ef","fake":false,"type":"class","name":"spacer-15","namespace":"","comb":"","styleLess":"width: 100%; height: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9ed","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; 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: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","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":["fff1d526-7f12-4e51-3547-91ac0683ba00"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bf9a1d33-32a1-2867-6fd9-4a78f8faee07","fake":false,"type":"class","name":"html-embed","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 100%; right: 0%; bottom: 0px; z-index: 100; display: none; width: 100%; margin-bottom: 12px;","variants":{},"children":["5c1fec4c-a7e3-7606-9a0e-601bb671adb6"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b863eeea-e284-1711-db53-803b99d1e9bb","fake":false,"type":"class","name":"text","namespace":"","comb":"","styleLess":"font-size: 17px; font-weight: 300;","variants":{},"children":["ec00915d-63c3-a1b8-7571-be4a61b3e639"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683ba00","fake":false,"type":"class","name":"in-form","namespace":"","comb":"&","styleLess":"display: flex; width: 100%; height: 44px; margin-top: 10px; margin-left: 0px; padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; background-image: linear-gradient(70deg, hsla(245, 77.17%, 47.04%, 1.00), hsla(280, 88.71%, 58.68%, 1.00) 53%, hsla(359, 76.47%, 45.33%, 1.00));","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ec00915d-63c3-a1b8-7571-be4a61b3e639","fake":false,"type":"class","name":"no-pointer","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b35b5a78-c321-3e8d-6a53-052ed751a72a","fake":false,"type":"class","name":"horizontal","namespace":"","comb":"&","styleLess":"padding-top: 10px; padding-bottom: 10px; flex-direction: row; justify-content: center; align-items: center; grid-column-gap: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 93.33%, 1.00); cursor: pointer;","variants":{"main_hover":{"styleLess":"border-top-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00); border-right-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00); border-bottom-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00); border-left-color: hsla(230.7692307692308, 100.00%, 55.78%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9fd","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230.7692307692308, 22.03%, 76.86%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 0 8px 0 hsla(0, 0.00%, 0.00%, 0.13);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9ec","fake":false,"type":"class","name":"H1-small","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600; text-align: center;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f8","fake":false,"type":"class","name":"message-error","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f7","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 0px; padding-top: 0px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"fff1d526-7f12-4e51-3547-91ac0683b9f0","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 44px; margin-bottom: 0px; padding-top: 8px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 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); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["60bd604d-f9d3-44c9-c7cf-f145a563f410"],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e","e-2"],"target":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","createdOn":1684164872068}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684164872068},{"id":"e-2","name":"","animationType":"custom","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"64623b51c68c9f9ca1f67fa0|97498b7a-45e3-0637-5c18-8d136868089e","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1684164872069}],"actionLists":[{"id":"a","title":"Show Popup","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64623b51c68c9f9ca1f67fa0|a3e3386b-373d-2bae-3e47-a3e07a91dda4","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bf9a1d33-32a1-2867-6fd9-4a78f8faee07"],"boundaryMode":false},"value":"flex"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1684164606012},{"id":"a-2","title":"Hide Popup","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"GENERAL_DISPLAY","config":{"delay":0,"easing":"","duration":0,"target":{"nodeId":"64623b51c68c9f9ca1f67fa0|a3e3386b-373d-2bae-3e47-a3e07a91dda4","appliesTo":"ELEMENT_CLASS","styleBlockIds":["bf9a1d33-32a1-2867-6fd9-4a78f8faee07","5c1fec4c-a7e3-7606-9a0e-601bb671adb6"],"boundaryMode":false},"value":"none"},"instant":true}]}],"useFirstGroupAsInitialState":false,"createdOn":1684165509878}]}},"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)

This component features a sign-up form that allows users to select an emoji as their profile picture, enhancing user engagement and personalization.

Wesentliche Merkmale:

  • Customizable emoji profile picture selector
  • User-friendly sign-up form with required fields
  • Success and error messages for form submission
  • Responsive Design für verschiedene Geräte geeignet
  • Integration-ready for Webflow CMS

Gestaltungselemente:

  • Modern and clean layout
  • Vibrant color scheme with emphasis on user interaction
  • Flexible input fields with placeholders
  • Clear call-to-action button for submission

Potenzielle Anwendungsfälle:

  • Social media platforms looking to enhance user profiles
  • Gaming websites where personalization is key
  • Community forums or chat applications
  • Event registration sites wanting to add a fun element
  • Educational platforms for student sign-ups

Conclusion: The Sign Up + Emoji Profile Pics component is a versatile and engaging tool that can significantly enhance user experience across various applications, making it ideal for businesses focused on community and personalization.

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.