Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"16933a1e-f7d8-0037-cf02-ccb6d3b8d637","type":"Block","tag":"div","classes":["5eeb7aa6-eb24-a583-d29d-d231e90b4c6f","f2c80368-f5a7-9e8f-a876-25afb1fca59d"],"children":["16933a1e-f7d8-0037-cf02-ccb6d3b8d638"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"16933a1e-f7d8-0037-cf02-ccb6d3b8d638","type":"FormWrapper","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de577","7f912224-840d-d501-0204-524aed3de59d","7f912224-840d-d501-0204-524aed3de5a0"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de577","type":"FormForm","tag":"form","classes":["11e33cea-c433-404b-b6a4-984e8f9c7713"],"children":["7f912224-840d-d501-0204-524aed3de578","7f912224-840d-d501-0204-524aed3de57c","7f912224-840d-d501-0204-524aed3de57d","7f912224-840d-d501-0204-524aed3de57f","7f912224-840d-d501-0204-524aed3de580","7f912224-840d-d501-0204-524aed3de589","7f912224-840d-d501-0204-524aed3de58f","7f912224-840d-d501-0204-524aed3de590","7f912224-840d-d501-0204-524aed3de59c"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"profile"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de578","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["7f912224-840d-d501-0204-524aed3de579","7f912224-840d-d501-0204-524aed3de57a"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de579","text":true,"v":"General Info"},{"_id":"7f912224-840d-d501-0204-524aed3de57a","type":"Span","tag":"span","classes":[],"children":["7f912224-840d-d501-0204-524aed3de57b"],"data":{"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de57b","text":true,"v":""},{"_id":"7f912224-840d-d501-0204-524aed3de57c","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de57d","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de57e"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de57e","text":true,"v":"Use the form below to update your profile."},{"_id":"7f912224-840d-d501-0204-524aed3de57f","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de580","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["7f912224-840d-d501-0204-524aed3de581","7f912224-840d-d501-0204-524aed3de585"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de581","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["7f912224-840d-d501-0204-524aed3de582","7f912224-840d-d501-0204-524aed3de584"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de582","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de583"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name-4","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de583","text":true,"v":"First Name"},{"_id":"7f912224-840d-d501-0204-524aed3de584","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-4","data-name":"First Name 4","placeholder":"","type":"text","id":"First-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de585","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["7f912224-840d-d501-0204-524aed3de586","7f912224-840d-d501-0204-524aed3de588"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de586","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de587"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name-4","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de587","text":true,"v":"Last Name"},{"_id":"7f912224-840d-d501-0204-524aed3de588","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name-4","data-name":"Last Name 4","placeholder":"","type":"text","id":"Last-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de589","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["7f912224-840d-d501-0204-524aed3de58a","7f912224-840d-d501-0204-524aed3de58c","7f912224-840d-d501-0204-524aed3de58d"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de58a","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de58b"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de58b","text":true,"v":"Phone"},{"_id":"7f912224-840d-d501-0204-524aed3de58c","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"text","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"phone"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de58d","type":"Block","tag":"div","classes":["ba155160-9af3-cdd1-75ab-9739b98b727e"],"children":["7f912224-840d-d501-0204-524aed3de58e"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de58e","text":true,"v":"We collect this incase of emergencies."},{"_id":"7f912224-840d-d501-0204-524aed3de58f","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de590","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de591","7f912224-840d-d501-0204-524aed3de595","7f912224-840d-d501-0204-524aed3de59b"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de591","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de592","7f912224-840d-d501-0204-524aed3de594"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de592","type":"Block","tag":"div","classes":["ce67488b-27df-71a4-684a-5862f0dddec8"],"children":["7f912224-840d-d501-0204-524aed3de593"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de593","text":true,"v":"Profile Section"},{"_id":"7f912224-840d-d501-0204-524aed3de594","type":"Block","tag":"div","classes":["ec0c4015-d675-35c1-a9a2-7170f08b4766"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de595","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["7f912224-840d-d501-0204-524aed3de596","7f912224-840d-d501-0204-524aed3de598","7f912224-840d-d501-0204-524aed3de599"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de596","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de597"],"data":{"form":{"type":"label"},"attr":{"for":"Bio-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de597","text":true,"v":"Bio"},{"_id":"7f912224-840d-d501-0204-524aed3de598","type":"FormTextarea","tag":"textarea","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Bio 2","type":"textarea"},"attr":{"id":"Bio-2","name":"Bio-2","maxlength":5000,"data-name":"Bio 2","placeholder":"","required":false,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"bio"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de599","type":"Block","tag":"div","classes":["ba155160-9af3-cdd1-75ab-9739b98b727e"],"children":["7f912224-840d-d501-0204-524aed3de59a"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59a","text":true,"v":"Brief description of your profile. URLs are hyperlinked."},{"_id":"7f912224-840d-d501-0204-524aed3de59b","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59c","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Save Profile","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59d","type":"FormSuccessMessage","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de59e"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59e","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de59f"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59f","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"7f912224-840d-d501-0204-524aed3de5a0","type":"FormErrorMessage","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de5a1"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de5a1","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de5a2"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de5a2","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"ec0c4015-d675-35c1-a9a2-7170f08b4766","fake":false,"type":"class","name":"field-divider","namespace":"","comb":"","styleLess":"width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; background-color: hsla(235, 100.00%, 97.54%, 1.00);","variants":{},"children":["2f333de6-8382-2e9c-e26a-30bee6d61fd6"],"selector":null},{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; 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":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b","f2bfff85-89f9-ca59-33a1-9d5bcfee65ec","865bfac9-9f17-c389-a879-e3ff726c528b"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","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":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f","9405ea44-5a4e-a491-84b1-31a2cc79eb7c"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"f2c80368-f5a7-9e8f-a876-25afb1fca59d","fake":false,"type":"class","name":"no-max-width","namespace":"","comb":"&","styleLess":"max-width: none;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; 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":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"11e33cea-c433-404b-b6a4-984e8f9c7713","fake":false,"type":"class","name":"profile-form-container-2","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-bottom: 20px; padding-top: 0px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; color: hsla(225, 0.00%, 0.00%, 1.00); text-align: left;","variants":{},"children":[],"selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"5eeb7aa6-eb24-a583-d29d-d231e90b4c6f","fake":false,"type":"class","name":"main-container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto;","variants":{},"children":["f2c80368-f5a7-9e8f-a876-25afb1fca59d","1ff8f402-7bc4-3f6b-a1a3-af2a4e50156d"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ba155160-9af3-cdd1-75ab-9739b98b727e","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"overflow: hidden; margin-top: 5px; margin-bottom: 6px; padding-left: 12px; opacity: 0.8; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px; font-weight: 300;","variants":{},"children":["ba155160-9af3-cdd1-75ab-9739b98b7289","ba155160-9af3-cdd1-75ab-9739b98b728a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","fake":false,"type":"class","name":"absolute","namespace":"","comb":"&","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto;","variants":{"tiny":{"styleLess":"position: static;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ce67488b-27df-71a4-684a-5862f0dddec8","fake":false,"type":"class","name":"subheader","namespace":"","comb":"","styleLess":"color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 600;","variants":{},"children":["6a87bae0-d1a7-76da-792b-e6017f4715ba","941d4911-46fe-df16-ed96-4dcce1be1483"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"16933a1e-f7d8-0037-cf02-ccb6d3b8d637","type":"Block","tag":"div","classes":["5eeb7aa6-eb24-a583-d29d-d231e90b4c6f","f2c80368-f5a7-9e8f-a876-25afb1fca59d"],"children":["16933a1e-f7d8-0037-cf02-ccb6d3b8d638"],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"16933a1e-f7d8-0037-cf02-ccb6d3b8d638","type":"FormWrapper","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de577","7f912224-840d-d501-0204-524aed3de59d","7f912224-840d-d501-0204-524aed3de5a0"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de577","type":"FormForm","tag":"form","classes":["11e33cea-c433-404b-b6a4-984e8f9c7713"],"children":["7f912224-840d-d501-0204-524aed3de578","7f912224-840d-d501-0204-524aed3de57c","7f912224-840d-d501-0204-524aed3de57d","7f912224-840d-d501-0204-524aed3de57f","7f912224-840d-d501-0204-524aed3de580","7f912224-840d-d501-0204-524aed3de589","7f912224-840d-d501-0204-524aed3de58f","7f912224-840d-d501-0204-524aed3de590","7f912224-840d-d501-0204-524aed3de59c"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"profile"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de578","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["7f912224-840d-d501-0204-524aed3de579","7f912224-840d-d501-0204-524aed3de57a"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de579","text":true,"v":"General Info"},{"_id":"7f912224-840d-d501-0204-524aed3de57a","type":"Span","tag":"span","classes":[],"children":["7f912224-840d-d501-0204-524aed3de57b"],"data":{"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de57b","text":true,"v":""},{"_id":"7f912224-840d-d501-0204-524aed3de57c","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de57d","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de57e"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de57e","text":true,"v":"Use the form below to update your profile."},{"_id":"7f912224-840d-d501-0204-524aed3de57f","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de580","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2167"],"children":["7f912224-840d-d501-0204-524aed3de581","7f912224-840d-d501-0204-524aed3de585"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de581","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162","3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"children":["7f912224-840d-d501-0204-524aed3de582","7f912224-840d-d501-0204-524aed3de584"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de582","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de583"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name-4","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de583","text":true,"v":"First Name"},{"_id":"7f912224-840d-d501-0204-524aed3de584","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"First Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-4","data-name":"First Name 4","placeholder":"","type":"text","id":"First-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de585","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["7f912224-840d-d501-0204-524aed3de586","7f912224-840d-d501-0204-524aed3de588"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de586","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de587"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name-4","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de587","text":true,"v":"Last Name"},{"_id":"7f912224-840d-d501-0204-524aed3de588","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Last Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name-4","data-name":"Last Name 4","placeholder":"","type":"text","id":"Last-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de589","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["7f912224-840d-d501-0204-524aed3de58a","7f912224-840d-d501-0204-524aed3de58c","7f912224-840d-d501-0204-524aed3de58d"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de58a","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de58b"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de58b","text":true,"v":"Phone"},{"_id":"7f912224-840d-d501-0204-524aed3de58c","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"text","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"phone"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de58d","type":"Block","tag":"div","classes":["ba155160-9af3-cdd1-75ab-9739b98b727e"],"children":["7f912224-840d-d501-0204-524aed3de58e"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de58e","text":true,"v":"We collect this incase of emergencies."},{"_id":"7f912224-840d-d501-0204-524aed3de58f","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de590","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de591","7f912224-840d-d501-0204-524aed3de595","7f912224-840d-d501-0204-524aed3de59b"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de591","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de592","7f912224-840d-d501-0204-524aed3de594"],"data":{"tag":"div","text":false,"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de592","type":"Block","tag":"div","classes":["ce67488b-27df-71a4-684a-5862f0dddec8"],"children":["7f912224-840d-d501-0204-524aed3de593"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de593","text":true,"v":"Profile Section"},{"_id":"7f912224-840d-d501-0204-524aed3de594","type":"Block","tag":"div","classes":["ec0c4015-d675-35c1-a9a2-7170f08b4766"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de595","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["7f912224-840d-d501-0204-524aed3de596","7f912224-840d-d501-0204-524aed3de598","7f912224-840d-d501-0204-524aed3de599"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de596","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["7f912224-840d-d501-0204-524aed3de597"],"data":{"form":{"type":"label"},"attr":{"for":"Bio-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de597","text":true,"v":"Bio"},{"_id":"7f912224-840d-d501-0204-524aed3de598","type":"FormTextarea","tag":"textarea","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Bio 2","type":"textarea"},"attr":{"id":"Bio-2","name":"Bio-2","maxlength":5000,"data-name":"Bio 2","placeholder":"","required":false,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"bio"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f912224-840d-d501-0204-524aed3de599","type":"Block","tag":"div","classes":["ba155160-9af3-cdd1-75ab-9739b98b727e"],"children":["7f912224-840d-d501-0204-524aed3de59a"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59a","text":true,"v":"Brief description of your profile. URLs are hyperlinked."},{"_id":"7f912224-840d-d501-0204-524aed3de59b","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59c","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Save Profile","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59d","type":"FormSuccessMessage","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de59e"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59e","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de59f"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de59f","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"7f912224-840d-d501-0204-524aed3de5a0","type":"FormErrorMessage","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de5a1"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de5a1","type":"Block","tag":"div","classes":[],"children":["7f912224-840d-d501-0204-524aed3de5a2"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"7f912224-840d-d501-0204-524aed3de5a2","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"ec0c4015-d675-35c1-a9a2-7170f08b4766","fake":false,"type":"class","name":"field-divider","namespace":"","comb":"","styleLess":"width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; background-color: hsla(235, 100.00%, 97.54%, 1.00);","variants":{},"children":["2f333de6-8382-2e9c-e26a-30bee6d61fd6"],"selector":null},{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2167","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{},"children":["41a35abb-8f5c-62bb-fe37-0c6149af216a"],"selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; 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":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b","f2bfff85-89f9-ca59-33a1-9d5bcfee65ec","865bfac9-9f17-c389-a879-e3ff726c528b"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","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":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f","9405ea44-5a4e-a491-84b1-31a2cc79eb7c"],"selector":null},{"_id":"3a8e6476-20fd-8bf1-d742-ebe54d706e8f","fake":false,"type":"class","name":"15p-right","namespace":"","comb":"&","styleLess":"margin-right: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"f2c80368-f5a7-9e8f-a876-25afb1fca59d","fake":false,"type":"class","name":"no-max-width","namespace":"","comb":"&","styleLess":"max-width: none;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; 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":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"11e33cea-c433-404b-b6a4-984e8f9c7713","fake":false,"type":"class","name":"profile-form-container-2","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-bottom: 20px; padding-top: 0px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; color: hsla(225, 0.00%, 0.00%, 1.00); text-align: left;","variants":{},"children":[],"selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"5eeb7aa6-eb24-a583-d29d-d231e90b4c6f","fake":false,"type":"class","name":"main-container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto;","variants":{},"children":["f2c80368-f5a7-9e8f-a876-25afb1fca59d","1ff8f402-7bc4-3f6b-a1a3-af2a4e50156d"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ba155160-9af3-cdd1-75ab-9739b98b727e","fake":false,"type":"class","name":"input-description","namespace":"","comb":"","styleLess":"overflow: hidden; margin-top: 5px; margin-bottom: 6px; padding-left: 12px; opacity: 0.8; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; font-size: 12px; font-weight: 300;","variants":{},"children":["ba155160-9af3-cdd1-75ab-9739b98b7289","ba155160-9af3-cdd1-75ab-9739b98b728a"],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","fake":false,"type":"class","name":"absolute","namespace":"","comb":"&","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto;","variants":{"tiny":{"styleLess":"position: static;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ce67488b-27df-71a4-684a-5862f0dddec8","fake":false,"type":"class","name":"subheader","namespace":"","comb":"","styleLess":"color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 600;","variants":{},"children":["6a87bae0-d1a7-76da-792b-e6017f4715ba","941d4911-46fe-df16-ed96-4dcce1be1483"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Component Profile Form is designed to allow users to easily update their profile information through a structured form interface. It includes fields for personal details such as name, phone number, and bio.
Key Features:
- User-friendly form layout
- Fields for first name, last name, phone number, and bio
- Success and error messages for form submission
- Responsive design suitable for various devices
Design Elements:
- Clean and modern aesthetic
- Use of flexbox for layout
- Color scheme featuring shades of blue and white
- Rounded input fields with subtle shadows
Potential Use Cases:
- User profile management for social media platforms
- Customer account updates for e-commerce websites
- Employee information updates in corporate intranets
- Membership profile updates for community organizations
Conclusion: The Component Profile Form is a versatile and visually appealing solution for any application requiring user profile management, making it an excellent choice for developers and designers alike.