Component laden...

Laden

Meer onderdelen

Bekijk alles
Deel van
Onboarding UI

Aangepaste checkbox-groep

Oeps! Er ging iets mis bij het verzenden van het formulier.
Aangepaste checkbox-groep
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafc","type":"Block","tag":"div","classes":["78b44f5d-678e-fd01-1a82-94decc131e1a"],"children":["3a3084e7-18fe-1622-d2eb-2d471952dafd","3a3084e7-18fe-1622-d2eb-2d471952db02","3a3084e7-18fe-1622-d2eb-2d471952db04","1a99bdc1-fe1f-8930-9f66-588eeec7e695"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafd","type":"Heading","tag":"h1","classes":["9fd21628-037d-46fe-8c90-594cb15bae5f"],"children":["ec2ab735-4abc-4490-97ce-9b736d403036"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ec2ab735-4abc-4490-97ce-9b736d403036","text":true,"v":"What does your agency do best?"},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db02","type":"Heading","tag":"h2","classes":["aba07ac6-977a-2d86-e91a-c363427f6216"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db03"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db03","text":true,"v":"Select as many as you need."},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db04","type":"Block","tag":"div","classes":["4448acdf-bb7c-e295-9420-8f3c12693c07"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db05","3a3084e7-18fe-1622-d2eb-2d471952db06","3a3084e7-18fe-1622-d2eb-2d471952db07","3a3084e7-18fe-1622-d2eb-2d471952db08"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db05","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","d8958354-b112-d018-b977-eee5b0c12792"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db06","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","d8958354-b112-d018-b977-eee5b0c12792"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db07","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","672a5206-801d-b216-d3e3-e9eaee185288"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db08","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e695","type":"FormWrapper","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e696","1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","1a99bdc1-fe1f-8930-9f66-588eeec7e6b7"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e696","type":"FormForm","tag":"form","classes":[],"children":["2279fedf-3b98-06cd-92d1-a565a9490af7","6cb8fe67-1a79-deb4-f8ba-fd83df3e86df"],"data":{"form":{"type":"form","name":"Email Form","redirect":"/signup/success"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"/signup/success","data-redirect":"/signup/success","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"2279fedf-3b98-06cd-92d1-a565a9490af7","type":"Block","tag":"div","classes":["11070323-37f2-1552-0c11-7fbcf466b881"],"children":["b5543bc5-c32e-ad27-0444-dc81fc7f82cf","a835dde1-7018-fe63-0b7d-1bb0554aeb06","63fc18de-3a0e-55ff-6315-dabd56123585","6dd05568-27f2-f5eb-5523-c5d611b7640d","dde0e27f-9e96-1351-9de1-576f89ca6f95","6a5be11a-e62a-8cd7-0959-462b7e6be83b","d95049cc-9750-0a6a-5e68-687e107d061e","04fd4c26-ca24-2da2-7ca5-afdcb2e62611"],"data":{"tag":"div","xattr":[{"name":"data-ms-member","value":"skills"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82cf","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["b5543bc5-c32e-ad27-0444-dc81fc7f82d0","b5543bc5-c32e-ad27-0444-dc81fc7f82d1"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82d0","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"},"xattr":[{"name":"data-ms-value","value":"Graphic Design"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82d1","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["b5543bc5-c32e-ad27-0444-dc81fc7f82d2"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82d2","text":true,"v":"Graphic Design"},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb06","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["a835dde1-7018-fe63-0b7d-1bb0554aeb07","a835dde1-7018-fe63-0b7d-1bb0554aeb08"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb07","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-8","name":"checkbox-8","data-name":"Checkbox 8","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 8"},"xattr":[{"name":"data-ms-value","value":"Web Design"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb08","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["a835dde1-7018-fe63-0b7d-1bb0554aeb09"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb09","text":true,"v":"Web Design"},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123585","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["63fc18de-3a0e-55ff-6315-dabd56123586","63fc18de-3a0e-55ff-6315-dabd56123587"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123586","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-7","name":"checkbox-7","data-name":"Checkbox 7","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 7"},"xattr":[{"name":"data-ms-value","value":"Web Dev"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123587","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["63fc18de-3a0e-55ff-6315-dabd56123588"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123588","text":true,"v":"Web Developement"},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b7640d","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["6dd05568-27f2-f5eb-5523-c5d611b7640e","6dd05568-27f2-f5eb-5523-c5d611b7640f"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b7640e","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-6","name":"checkbox-6","data-name":"Checkbox 6","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 6"},"xattr":[{"name":"data-ms-value","value":"Mobile Apps"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b7640f","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["6dd05568-27f2-f5eb-5523-c5d611b76410"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b76410","text":true,"v":"Mobile Apps"},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f95","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["dde0e27f-9e96-1351-9de1-576f89ca6f96","dde0e27f-9e96-1351-9de1-576f89ca6f97"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f96","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-5","name":"checkbox-5","data-name":"Checkbox 5","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 5"},"xattr":[{"name":"data-ms-value","value":"Content"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f97","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["dde0e27f-9e96-1351-9de1-576f89ca6f98"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f98","text":true,"v":"Content"},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83b","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["6a5be11a-e62a-8cd7-0959-462b7e6be83c","6a5be11a-e62a-8cd7-0959-462b7e6be83d"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83c","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-4","name":"checkbox-4","data-name":"Checkbox 4","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 4"},"xattr":[{"name":"data-ms-value","value":"Automation"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83d","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["6a5be11a-e62a-8cd7-0959-462b7e6be83e"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83e","text":true,"v":"Automation"},{"_id":"d95049cc-9750-0a6a-5e68-687e107d061e","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["d95049cc-9750-0a6a-5e68-687e107d061f","d95049cc-9750-0a6a-5e68-687e107d0620"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95049cc-9750-0a6a-5e68-687e107d061f","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-3","name":"checkbox-3","data-name":"Checkbox 3","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 3"},"xattr":[{"name":"data-ms-value","value":"Marketing"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95049cc-9750-0a6a-5e68-687e107d0620","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["d95049cc-9750-0a6a-5e68-687e107d0621"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95049cc-9750-0a6a-5e68-687e107d0621","text":true,"v":"Marketing"},{"_id":"04fd4c26-ca24-2da2-7ca5-afdcb2e62611","type":"FormTextarea","tag":"textarea","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd","2f6d6b33-0145-7b34-fde5-9883c3bf6728"],"children":[],"data":{"attr":{"placeholder":"Other...","maxlength":5000,"id":"Other-Skills-2","name":"Other-Skills-2","data-name":"Other Skills 2","required":false,"autofocus":false},"form":{"type":"textarea","name":"Other Skills 2"},"xattr":[{"name":"data-ms-member","value":"other-skills"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6cb8fe67-1a79-deb4-f8ba-fd83df3e86df","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004","4cbe8207-0d69-55bc-ba3a-1039d1064db6"],"children":[],"data":{"attr":{"type":"submit","value":"Save & Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b5"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b5","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b6"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b6","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b7","type":"FormErrorMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b8"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b8","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b9"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b9","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"aba07ac6-977a-2d86-e91a-c363427f6216","fake":false,"type":"class","name":"Onboarding H2","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 30px; font-size: 24px; line-height: 1.7em; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"540804f7-4adc-2b89-ffc3-382460c83f4d","fake":false,"type":"class","name":"Custom Checkbox","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; display: inline-block; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;","variants":{"main_redirected-checked":{"styleLess":"border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-color: hsla(49, 100.00%, 50.00%, 1.00); background-image: none;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"672a5206-801d-b216-d3e3-e9eaee185288","fake":false,"type":"class","name":"Current","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"2f6d6b33-0145-7b34-fde5-9883c3bf6728","fake":false,"type":"class","name":"Text Area","namespace":"","comb":"&","styleLess":"width: 130px; height: 75px; margin-bottom: 0px; padding-bottom: 0px; transition-property: box-shadow, transform, border-color; transition-duration: 400ms, 400ms, 200ms; transition-timing-function: ease, cubic-bezier(.25, .1, 0, 1.58), ease; line-height: 1.4em;","variants":{"main_focus":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"box-shadow: 0 5px 20px 0 hsla(0, 0.00%, 0.00%, 0.13); transform: none /* translate(0px, -10px) */;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9fd21628-037d-46fe-8c90-594cb15bae5f","fake":false,"type":"class","name":"Onboarding H1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0em;","variants":{},"children":[],"selector":null},{"_id":"78b44f5d-678e-fd01-1a82-94decc131e1a","fake":false,"type":"class","name":"Onboarding Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 15vh; padding-bottom: 100px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"4cbe8207-0d69-55bc-ba3a-1039d1064db6","fake":false,"type":"class","name":"Margin","namespace":"","comb":"&","styleLess":"margin-top: 50px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"faf3f176-9951-393b-52de-b03e52180fd0","fake":false,"type":"class","name":"Progress Link","namespace":"","comb":"","styleLess":"width: 100%; height: 15px; margin-right: 5%; margin-left: 5%; 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%, 90.59%, 1.00);","variants":{},"children":["672a5206-801d-b216-d3e3-e9eaee185288","d8958354-b112-d018-b977-eee5b0c12792"],"selector":null},{"_id":"fb4ae035-82e2-516e-ae22-0894914b49fd","fake":false,"type":"class","name":"Checkbox Field","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: block; min-height: 75px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.59%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.59%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.59%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition-property: background-color, box-shadow, border-color; transition-duration: 200ms, 400ms, 200ms; transition-timing-function: ease, ease, ease; font-family: Red Hat Display; color: black; font-size: 24px; line-height: 1.4em; font-weight: 500;","variants":{"main_hover":{"styleLess":"position: relative; 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); box-shadow: 0 20px 30px -10px hsla(0, 0.00%, 0.00%, 0.13);"}},"children":["2f6d6b33-0145-7b34-fde5-9883c3bf6728"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8958354-b112-d018-b977-eee5b0c12792","fake":false,"type":"class","name":"Past","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00); opacity: 0.5;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"selector":null},{"_id":"11070323-37f2-1552-0c11-7fbcf466b881","fake":false,"type":"class","name":"Option Row","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 1000px; margin-right: auto; margin-left: auto; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 30px; grid-row-gap: 30px;","variants":{},"children":[],"selector":null},{"_id":"19495066-4dab-de93-7b83-4e9b8d139538","fake":false,"type":"class","name":"Custom Checkbox Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 100%; font-size: 24px; font-weight: 500;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4448acdf-bb7c-e295-9420-8f3c12693c07","fake":false,"type":"class","name":"Progress Row","namespace":"","comb":"","styleLess":"display: flex; width: 300px; margin-right: auto; margin-bottom: 80px; margin-left: auto;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafc","type":"Block","tag":"div","classes":["78b44f5d-678e-fd01-1a82-94decc131e1a"],"children":["3a3084e7-18fe-1622-d2eb-2d471952dafd","3a3084e7-18fe-1622-d2eb-2d471952db02","3a3084e7-18fe-1622-d2eb-2d471952db04","1a99bdc1-fe1f-8930-9f66-588eeec7e695"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952dafd","type":"Heading","tag":"h1","classes":["9fd21628-037d-46fe-8c90-594cb15bae5f"],"children":["ec2ab735-4abc-4490-97ce-9b736d403036"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ec2ab735-4abc-4490-97ce-9b736d403036","text":true,"v":"What does your agency do best?"},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db02","type":"Heading","tag":"h2","classes":["aba07ac6-977a-2d86-e91a-c363427f6216"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db03"],"data":{"tag":"h2","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db03","text":true,"v":"Select as many as you need."},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db04","type":"Block","tag":"div","classes":["4448acdf-bb7c-e295-9420-8f3c12693c07"],"children":["3a3084e7-18fe-1622-d2eb-2d471952db05","3a3084e7-18fe-1622-d2eb-2d471952db06","3a3084e7-18fe-1622-d2eb-2d471952db07","3a3084e7-18fe-1622-d2eb-2d471952db08"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db05","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","d8958354-b112-d018-b977-eee5b0c12792"],"children":[],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db06","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","d8958354-b112-d018-b977-eee5b0c12792"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db07","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0","672a5206-801d-b216-d3e3-e9eaee185288"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"3a3084e7-18fe-1622-d2eb-2d471952db08","type":"Link","tag":"a","classes":["faf3f176-9951-393b-52de-b03e52180fd0"],"children":[],"data":{"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"button":false}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e695","type":"FormWrapper","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e696","1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","1a99bdc1-fe1f-8930-9f66-588eeec7e6b7"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e696","type":"FormForm","tag":"form","classes":[],"children":["2279fedf-3b98-06cd-92d1-a565a9490af7","6cb8fe67-1a79-deb4-f8ba-fd83df3e86df"],"data":{"form":{"type":"form","name":"Email Form","redirect":"/signup/success"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"/signup/success","data-redirect":"/signup/success","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"2279fedf-3b98-06cd-92d1-a565a9490af7","type":"Block","tag":"div","classes":["11070323-37f2-1552-0c11-7fbcf466b881"],"children":["b5543bc5-c32e-ad27-0444-dc81fc7f82cf","a835dde1-7018-fe63-0b7d-1bb0554aeb06","63fc18de-3a0e-55ff-6315-dabd56123585","6dd05568-27f2-f5eb-5523-c5d611b7640d","dde0e27f-9e96-1351-9de1-576f89ca6f95","6a5be11a-e62a-8cd7-0959-462b7e6be83b","d95049cc-9750-0a6a-5e68-687e107d061e","04fd4c26-ca24-2da2-7ca5-afdcb2e62611"],"data":{"tag":"div","xattr":[{"name":"data-ms-member","value":"skills"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82cf","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["b5543bc5-c32e-ad27-0444-dc81fc7f82d0","b5543bc5-c32e-ad27-0444-dc81fc7f82d1"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82d0","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"},"xattr":[{"name":"data-ms-value","value":"Graphic Design"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82d1","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["b5543bc5-c32e-ad27-0444-dc81fc7f82d2"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5543bc5-c32e-ad27-0444-dc81fc7f82d2","text":true,"v":"Graphic Design"},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb06","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["a835dde1-7018-fe63-0b7d-1bb0554aeb07","a835dde1-7018-fe63-0b7d-1bb0554aeb08"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb07","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-8","name":"checkbox-8","data-name":"Checkbox 8","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 8"},"xattr":[{"name":"data-ms-value","value":"Web Design"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb08","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["a835dde1-7018-fe63-0b7d-1bb0554aeb09"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a835dde1-7018-fe63-0b7d-1bb0554aeb09","text":true,"v":"Web Design"},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123585","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["63fc18de-3a0e-55ff-6315-dabd56123586","63fc18de-3a0e-55ff-6315-dabd56123587"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123586","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-7","name":"checkbox-7","data-name":"Checkbox 7","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 7"},"xattr":[{"name":"data-ms-value","value":"Web Dev"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123587","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["63fc18de-3a0e-55ff-6315-dabd56123588"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63fc18de-3a0e-55ff-6315-dabd56123588","text":true,"v":"Web Developement"},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b7640d","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["6dd05568-27f2-f5eb-5523-c5d611b7640e","6dd05568-27f2-f5eb-5523-c5d611b7640f"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b7640e","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-6","name":"checkbox-6","data-name":"Checkbox 6","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 6"},"xattr":[{"name":"data-ms-value","value":"Mobile Apps"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b7640f","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["6dd05568-27f2-f5eb-5523-c5d611b76410"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6dd05568-27f2-f5eb-5523-c5d611b76410","text":true,"v":"Mobile Apps"},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f95","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["dde0e27f-9e96-1351-9de1-576f89ca6f96","dde0e27f-9e96-1351-9de1-576f89ca6f97"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f96","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-5","name":"checkbox-5","data-name":"Checkbox 5","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 5"},"xattr":[{"name":"data-ms-value","value":"Content"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f97","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["dde0e27f-9e96-1351-9de1-576f89ca6f98"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dde0e27f-9e96-1351-9de1-576f89ca6f98","text":true,"v":"Content"},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83b","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["6a5be11a-e62a-8cd7-0959-462b7e6be83c","6a5be11a-e62a-8cd7-0959-462b7e6be83d"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83c","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-4","name":"checkbox-4","data-name":"Checkbox 4","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 4"},"xattr":[{"name":"data-ms-value","value":"Automation"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83d","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["6a5be11a-e62a-8cd7-0959-462b7e6be83e"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6a5be11a-e62a-8cd7-0959-462b7e6be83e","text":true,"v":"Automation"},{"_id":"d95049cc-9750-0a6a-5e68-687e107d061e","type":"FormCheckboxWrapper","tag":"div","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd"],"children":["d95049cc-9750-0a6a-5e68-687e107d061f","d95049cc-9750-0a6a-5e68-687e107d0620"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95049cc-9750-0a6a-5e68-687e107d061f","type":"FormCheckboxInput","tag":"input","classes":["540804f7-4adc-2b89-ffc3-382460c83f4d"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox-3","name":"checkbox-3","data-name":"Checkbox 3","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox 3"},"xattr":[{"name":"data-ms-value","value":"Marketing"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95049cc-9750-0a6a-5e68-687e107d0620","type":"FormInlineLabel","tag":"label","classes":["19495066-4dab-de93-7b83-4e9b8d139538"],"children":["d95049cc-9750-0a6a-5e68-687e107d0621"],"data":{"form":{"type":"checkbox-label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d95049cc-9750-0a6a-5e68-687e107d0621","text":true,"v":"Marketing"},{"_id":"04fd4c26-ca24-2da2-7ca5-afdcb2e62611","type":"FormTextarea","tag":"textarea","classes":["fb4ae035-82e2-516e-ae22-0894914b49fd","2f6d6b33-0145-7b34-fde5-9883c3bf6728"],"children":[],"data":{"attr":{"placeholder":"Other...","maxlength":5000,"id":"Other-Skills-2","name":"Other-Skills-2","data-name":"Other Skills 2","required":false,"autofocus":false},"form":{"type":"textarea","name":"Other Skills 2"},"xattr":[{"name":"data-ms-member","value":"other-skills"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6cb8fe67-1a79-deb4-f8ba-fd83df3e86df","type":"FormButton","tag":"input","classes":["28b605e5-c747-d05e-46f0-60ce89ab9004","4cbe8207-0d69-55bc-ba3a-1039d1064db6"],"children":[],"data":{"attr":{"type":"submit","value":"Save & Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b4","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b5"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b5","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b6"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b6","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b7","type":"FormErrorMessage","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b8"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b8","type":"Block","tag":"div","classes":[],"children":["1a99bdc1-fe1f-8930-9f66-588eeec7e6b9"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1a99bdc1-fe1f-8930-9f66-588eeec7e6b9","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"aba07ac6-977a-2d86-e91a-c363427f6216","fake":false,"type":"class","name":"Onboarding H2","namespace":"","comb":"","styleLess":"margin-top: 10px; margin-bottom: 30px; font-size: 24px; line-height: 1.7em; font-weight: 400;","variants":{},"children":[],"selector":null},{"_id":"540804f7-4adc-2b89-ffc3-382460c83f4d","fake":false,"type":"class","name":"Custom Checkbox","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; display: inline-block; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;","variants":{"main_redirected-checked":{"styleLess":"border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-color: hsla(49, 100.00%, 50.00%, 1.00); background-image: none;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"672a5206-801d-b216-d3e3-e9eaee185288","fake":false,"type":"class","name":"Current","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"2f6d6b33-0145-7b34-fde5-9883c3bf6728","fake":false,"type":"class","name":"Text Area","namespace":"","comb":"&","styleLess":"width: 130px; height: 75px; margin-bottom: 0px; padding-bottom: 0px; transition-property: box-shadow, transform, border-color; transition-duration: 400ms, 400ms, 200ms; transition-timing-function: ease, cubic-bezier(.25, .1, 0, 1.58), ease; line-height: 1.4em;","variants":{"main_focus":{"styleLess":"width: 100%;"},"main_hover":{"styleLess":"box-shadow: 0 5px 20px 0 hsla(0, 0.00%, 0.00%, 0.13); transform: none /* translate(0px, -10px) */;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9fd21628-037d-46fe-8c90-594cb15bae5f","fake":false,"type":"class","name":"Onboarding H1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0em;","variants":{},"children":[],"selector":null},{"_id":"78b44f5d-678e-fd01-1a82-94decc131e1a","fake":false,"type":"class","name":"Onboarding Page Wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; min-height: 100vh; padding-top: 15vh; padding-bottom: 100px; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;","variants":{},"children":[],"selector":null},{"_id":"4cbe8207-0d69-55bc-ba3a-1039d1064db6","fake":false,"type":"class","name":"Margin","namespace":"","comb":"&","styleLess":"margin-top: 50px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"faf3f176-9951-393b-52de-b03e52180fd0","fake":false,"type":"class","name":"Progress Link","namespace":"","comb":"","styleLess":"width: 100%; height: 15px; margin-right: 5%; margin-left: 5%; 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%, 90.59%, 1.00);","variants":{},"children":["672a5206-801d-b216-d3e3-e9eaee185288","d8958354-b112-d018-b977-eee5b0c12792"],"selector":null},{"_id":"fb4ae035-82e2-516e-ae22-0894914b49fd","fake":false,"type":"class","name":"Checkbox Field","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: block; min-height: 75px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.59%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.59%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.59%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.59%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition-property: background-color, box-shadow, border-color; transition-duration: 200ms, 400ms, 200ms; transition-timing-function: ease, ease, ease; font-family: Red Hat Display; color: black; font-size: 24px; line-height: 1.4em; font-weight: 500;","variants":{"main_hover":{"styleLess":"position: relative; 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); box-shadow: 0 20px 30px -10px hsla(0, 0.00%, 0.00%, 0.13);"}},"children":["2f6d6b33-0145-7b34-fde5-9883c3bf6728"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d8958354-b112-d018-b977-eee5b0c12792","fake":false,"type":"class","name":"Past","namespace":"","comb":"&","styleLess":"background-color: hsla(49, 100.00%, 50.00%, 1.00); opacity: 0.5;","variants":{"main_hover":{"styleLess":"opacity: 1;"}},"children":[],"selector":null},{"_id":"11070323-37f2-1552-0c11-7fbcf466b881","fake":false,"type":"class","name":"Option Row","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 1000px; margin-right: auto; margin-left: auto; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 30px; grid-row-gap: 30px;","variants":{},"children":[],"selector":null},{"_id":"19495066-4dab-de93-7b83-4e9b8d139538","fake":false,"type":"class","name":"Custom Checkbox Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 100%; font-size: 24px; font-weight: 500;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4448acdf-bb7c-e295-9420-8f3c12693c07","fake":false,"type":"class","name":"Progress Row","namespace":"","comb":"","styleLess":"display: flex; width: 300px; margin-right: auto; margin-bottom: 80px; margin-left: auto;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

The Custom Checkbox Group is an interactive form component designed to allow users to select multiple options easily. It features a clean layout and customizable checkboxes, making it suitable for various applications.

Belangrijkste kenmerken:

  • Multiple options for user selection
  • Customizable labels for each selection
  • Responsive design suitable for various devices
  • Submit button with a success and error message display

Ontwerpelementen:

  • Modern and clean visual style
  • Flexible layout with option rows and progress indicators
  • Colorful selection backgrounds with hover effects
  • Clear typography with distinct headings

Potentiële gebruikssituaties:

  • Surveys and feedback forms for businesses
  • Skill selection for job applications
  • Preference settings in user profiles
  • Event registration forms requiring multiple selections
  • Market research questionnaires

Conclusion: The Custom Checkbox Group is a versatile and user-friendly component that enhances user interaction in forms, making it an excellent choice for various applications across different industries.

Bouwen

Begin met het bouwen van je dromen

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