Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Square Login
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"daee9403-0dfc-c379-3f36-5e36460bd873","type":"Block","tag":"div","classes":["3e21a47e-c56e-dd97-6145-44a78616db08"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf4"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf4","type":"FormWrapper","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf5","e170d7f1-b20e-2c44-7cc2-ea047842eb0e","e170d7f1-b20e-2c44-7cc2-ea047842eb11"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf5","type":"FormForm","tag":"form","classes":["28b605e5-c747-d05e-46f0-60ce89ab9001"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf6","e170d7f1-b20e-2c44-7cc2-ea047842eafc","e170d7f1-b20e-2c44-7cc2-ea047842eb00","f83930ba-bbcf-192d-36d6-b82381d95e17","e170d7f1-b20e-2c44-7cc2-ea047842eb0d"],"data":{"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"form":{"type":"form","name":"Email Form"},"xattr":[{"name":"data-ms-form","value":"login"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf6","type":"Heading","tag":"h1","classes":["28b605e5-c747-d05e-46f0-60ce89ab9003"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf7"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf7","text":true,"v":"Login to continue"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eafc","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eafd","e170d7f1-b20e-2c44-7cc2-ea047842eaff"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eafd","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eafe"],"data":{"form":{"type":"label"},"attr":{"for":"email","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eafe","text":true,"v":"Email"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaff","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"your@email.com","type":"text","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb00","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb01","e170d7f1-b20e-2c44-7cc2-ea047842eb03"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb01","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb02"],"data":{"form":{"type":"label"},"attr":{"for":"phone","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb02","text":true,"v":"Password"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb03","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"phone","data-name":"Phone","placeholder":"****************","type":"password","id":"phone","disabled":false,"required":true},"form":{"type":"input","name":"Phone","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f83930ba-bbcf-192d-36d6-b82381d95e17","type":"Block","tag":"div","classes":["7532833b-8634-eab6-0e18-b8915a2a4439","40820658-80c2-6b63-4ee1-fb74d9e1dd5a"],"children":["f83930ba-bbcf-192d-36d6-b82381d95e19"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f83930ba-bbcf-192d-36d6-b82381d95e19","type":"Link","tag":"a","classes":["1fb404c8-9acc-c8a1-0289-5613f1df90d8"],"children":["f83930ba-bbcf-192d-36d6-b82381d95e1a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"f83930ba-bbcf-192d-36d6-b82381d95e1a","text":true,"v":"Forgot password?"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb0d","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb0e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb0f"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb0f","type":"Block","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb10"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb10","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb11","type":"FormErrorMessage","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb12"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb12","type":"Block","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb13"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb13","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"1fb404c8-9acc-c8a1-0289-5613f1df90d8","fake":false,"type":"class","name":"Login Link","namespace":"","comb":"","styleLess":"","variants":{"main_hover":{"styleLess":"text-decoration: underline;"}},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab8fff","fake":false,"type":"class","name":"Form Field","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; height: 60px; padding-top: 11px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); background-color: transparent;","variants":{"main_focus":{"styleLess":"border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black;"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 62.67%, 1.00);"}},"children":["28b605e5-c747-d05e-46f0-60ce89ab9006","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9005","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-top: 10px; padding-bottom: 10px;","variants":{},"children":[],"selector":null},{"_id":"3e21a47e-c56e-dd97-6145-44a78616db08","fake":false,"type":"class","name":"Login Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 100%; min-height: 100vh; padding-top: 100px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px; flex-direction: column; justify-content: center; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9003","fake":false,"type":"class","name":"Form Heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0.75em;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9002","fake":false,"type":"class","name":"Field Label","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; z-index: 10; display: inline-block; margin-top: -9px; margin-left: 10px; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; background-color: white; line-height: 14px;","variants":{},"children":[],"selector":null},{"_id":"7532833b-8634-eab6-0e18-b8915a2a4439","fake":false,"type":"class","name":"Secondary Action","namespace":"","comb":"","styleLess":"font-size: 15px; line-height: 1.6em;","variants":{},"children":["40820658-80c2-6b63-4ee1-fb74d9e1dd5a"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9001","fake":false,"type":"class","name":"Signup Form","namespace":"","comb":"","styleLess":"width: 550px; padding-top: 50px; padding-right: 80px; padding-bottom: 50px; padding-left: 80px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; box-shadow: 0 7px 30px 0 hsla(0, 0.00%, 0.00%, 0.13);","variants":{},"children":["394c68e3-4a12-6b9c-1683-f38c0fec7174"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9004","fake":false,"type":"class","name":"Submit Button","namespace":"","comb":"","styleLess":"height: 50px; min-width: 170px; margin-top: 20px; padding-top: 10px; padding-right: 40px; padding-bottom: 12px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-right-style: solid; border-right-width: 2px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 2px; border-left-color: transparent; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(49, 100.00%, 50.00%, 1.00); transition-property: border-color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-family: Red Hat Text; color: black; font-weight: 500;","variants":{"tiny":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"border-top-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-right-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-bottom-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-left-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); background-color: white;"}},"children":["4cbe8207-0d69-55bc-ba3a-1039d1064db6"],"selector":null},{"_id":"40820658-80c2-6b63-4ee1-fb74d9e1dd5a","fake":false,"type":"class","name":"Forgot Password","namespace":"","comb":"&","styleLess":"margin-top: -5px; text-align: right;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"daee9403-0dfc-c379-3f36-5e36460bd873","type":"Block","tag":"div","classes":["3e21a47e-c56e-dd97-6145-44a78616db08"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf4"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf4","type":"FormWrapper","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf5","e170d7f1-b20e-2c44-7cc2-ea047842eb0e","e170d7f1-b20e-2c44-7cc2-ea047842eb11"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf5","type":"FormForm","tag":"form","classes":["28b605e5-c747-d05e-46f0-60ce89ab9001"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf6","e170d7f1-b20e-2c44-7cc2-ea047842eafc","e170d7f1-b20e-2c44-7cc2-ea047842eb00","f83930ba-bbcf-192d-36d6-b82381d95e17","e170d7f1-b20e-2c44-7cc2-ea047842eb0d"],"data":{"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"form":{"type":"form","name":"Email Form"},"xattr":[{"name":"data-ms-form","value":"login"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf6","type":"Heading","tag":"h1","classes":["28b605e5-c747-d05e-46f0-60ce89ab9003"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eaf7"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaf7","text":true,"v":"Login to continue"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eafc","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eafd","e170d7f1-b20e-2c44-7cc2-ea047842eaff"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eafd","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eafe"],"data":{"form":{"type":"label"},"attr":{"for":"email","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eafe","text":true,"v":"Email"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eaff","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"Email","placeholder":"your@email.com","type":"text","id":"email","disabled":false,"required":true},"form":{"type":"input","name":"Email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb00","type":"Block","tag":"div","classes":["28b605e5-c747-d05e-46f0-60ce89ab9005"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb01","e170d7f1-b20e-2c44-7cc2-ea047842eb03"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb01","type":"FormBlockLabel","tag":"label","classes":["28b605e5-c747-d05e-46f0-60ce89ab9002"],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb02"],"data":{"form":{"type":"label"},"attr":{"for":"phone","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb02","text":true,"v":"Password"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb03","type":"FormTextInput","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab8fff"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"phone","data-name":"Phone","placeholder":"****************","type":"password","id":"phone","disabled":false,"required":true},"form":{"type":"input","name":"Phone","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f83930ba-bbcf-192d-36d6-b82381d95e17","type":"Block","tag":"div","classes":["7532833b-8634-eab6-0e18-b8915a2a4439","40820658-80c2-6b63-4ee1-fb74d9e1dd5a"],"children":["f83930ba-bbcf-192d-36d6-b82381d95e19"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f83930ba-bbcf-192d-36d6-b82381d95e19","type":"Link","tag":"a","classes":["1fb404c8-9acc-c8a1-0289-5613f1df90d8"],"children":["f83930ba-bbcf-192d-36d6-b82381d95e1a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"f83930ba-bbcf-192d-36d6-b82381d95e1a","text":true,"v":"Forgot password?"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb0d","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb0e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb0f"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb0f","type":"Block","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb10"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb10","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb11","type":"FormErrorMessage","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb12"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb12","type":"Block","tag":"div","classes":[],"children":["e170d7f1-b20e-2c44-7cc2-ea047842eb13"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e170d7f1-b20e-2c44-7cc2-ea047842eb13","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"1fb404c8-9acc-c8a1-0289-5613f1df90d8","fake":false,"type":"class","name":"Login Link","namespace":"","comb":"","styleLess":"","variants":{"main_hover":{"styleLess":"text-decoration: underline;"}},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab8fff","fake":false,"type":"class","name":"Form Field","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; height: 60px; padding-top: 11px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(226.33663366336634, 1.43%, 86.47%, 1.00); background-color: transparent;","variants":{"main_focus":{"styleLess":"border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black;"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 62.67%, 1.00);"}},"children":["28b605e5-c747-d05e-46f0-60ce89ab9006","f04421f4-c9c5-3210-03c4-1a15c9c095f3"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9005","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-top: 10px; padding-bottom: 10px;","variants":{},"children":[],"selector":null},{"_id":"3e21a47e-c56e-dd97-6145-44a78616db08","fake":false,"type":"class","name":"Login Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 100%; min-height: 100vh; padding-top: 100px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px; flex-direction: column; justify-content: center; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9003","fake":false,"type":"class","name":"Form Heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0.75em;","variants":{},"children":[],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9002","fake":false,"type":"class","name":"Field Label","namespace":"","comb":"","styleLess":"position: absolute; left: 0px; z-index: 10; display: inline-block; margin-top: -9px; margin-left: 10px; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; background-color: white; line-height: 14px;","variants":{},"children":[],"selector":null},{"_id":"7532833b-8634-eab6-0e18-b8915a2a4439","fake":false,"type":"class","name":"Secondary Action","namespace":"","comb":"","styleLess":"font-size: 15px; line-height: 1.6em;","variants":{},"children":["40820658-80c2-6b63-4ee1-fb74d9e1dd5a"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9001","fake":false,"type":"class","name":"Signup Form","namespace":"","comb":"","styleLess":"width: 550px; padding-top: 50px; padding-right: 80px; padding-bottom: 50px; padding-left: 80px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; box-shadow: 0 7px 30px 0 hsla(0, 0.00%, 0.00%, 0.13);","variants":{},"children":["394c68e3-4a12-6b9c-1683-f38c0fec7174"],"selector":null},{"_id":"28b605e5-c747-d05e-46f0-60ce89ab9004","fake":false,"type":"class","name":"Submit Button","namespace":"","comb":"","styleLess":"height: 50px; min-width: 170px; margin-top: 20px; padding-top: 10px; padding-right: 40px; padding-bottom: 12px; padding-left: 40px; border-top-style: solid; border-top-width: 2px; border-top-color: transparent; border-right-style: solid; border-right-width: 2px; border-right-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; border-left-style: solid; border-left-width: 2px; border-left-color: transparent; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(49, 100.00%, 50.00%, 1.00); transition-property: border-color, background-color; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-family: Red Hat Text; color: black; font-weight: 500;","variants":{"tiny":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"border-top-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-right-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-bottom-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); border-left-color: hsla(244.5378151260504, 100.00%, 46.67%, 1.00); background-color: white;"}},"children":["4cbe8207-0d69-55bc-ba3a-1039d1064db6"],"selector":null},{"_id":"40820658-80c2-6b63-4ee1-fb74d9e1dd5a","fake":false,"type":"class","name":"Forgot Password","namespace":"","comb":"&","styleLess":"margin-top: -5px; text-align: right;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"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 Square Login component is designed to facilitate user authentication with a clean and user-friendly interface, featuring fields for email and password input.

Wesentliche Merkmale:

  • Responsive Design für verschiedene Geräte geeignet
  • Includes form validation for email and password fields
  • Erfolgs- und Fehlermeldungen für Benutzer-Feedback
  • Customizable styles for branding
  • Includes a 'Forgot password?' link for user convenience

Gestaltungselemente:

  • Minimalistic layout with a focus on usability
  • Soft color palette with a white background and contrasting button

Potenzielle Anwendungsfälle:

  • E-commerce websites requiring user login
  • Membership sites that need secure access
  • Web applications with user accounts
  • Service platforms offering personalized experiences
  • Corporate intranets for employee access

Conclusion: The Square Login component is a versatile and aesthetically pleasing solution for any website needing user authentication, ensuring a smooth and secure login experience.

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.