Component laden...

Laden

Meer onderdelen

Bekijk alles
Deel van

Custom Checkbox Buttons

Oeps! Er ging iets mis bij het verzenden van het formulier.
Custom Checkbox Buttons
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2b7f0266-8e85-5c1e-6905-117f3aeda1e5","type":"Block","tag":"div","classes":[],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5789","b7aa8eae-dece-73e0-d301-47f10b9d578d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5789","type":"Block","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93022f"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578a","b7aa8eae-dece-73e0-d301-47f10b9d578b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578a","text":true,"v":"Multiple checkboxes "},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578b","type":"Span","tag":"span","classes":["6b8902a2-181b-b570-6fc0-60668a930241"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578c","text":true,"v":"(This is a checkbox group)"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578d","type":"Block","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a930243"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578e","b7aa8eae-dece-73e0-d301-47f10b9d5792","b7aa8eae-dece-73e0-d301-47f10b9d5796","b7aa8eae-dece-73e0-d301-47f10b9d579a","b7aa8eae-dece-73e0-d301-47f10b9d579e","b7aa8eae-dece-73e0-d301-47f10b9d57a2","b7aa8eae-dece-73e0-d301-47f10b9d57a6","b7aa8eae-dece-73e0-d301-47f10b9d57aa","b7aa8eae-dece-73e0-d301-47f10b9d57ae"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"skills"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578e","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578f","b7aa8eae-dece-73e0-d301-47f10b9d5790"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578f","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox"},"inputType":"custom","search":{"exclude":false},"xattr":[{"name":"data-ms-value","value":"Graphic Design"}],"displayName":"","attr":{"id":"checkbox","type":"checkbox","name":"checkbox","data-name":"Checkbox","required":false,"checked":true},"visibility":{"conditions":[]}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5790","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5791"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5791","text":true,"v":"Graphic Design"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5792","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5793","b7aa8eae-dece-73e0-d301-47f10b9d5794"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5793","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-8","type":"checkbox","name":"checkbox-8","data-name":"Checkbox 8","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Web Design"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 8"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5794","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5795"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5795","text":true,"v":"Web Design"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5796","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5797","b7aa8eae-dece-73e0-d301-47f10b9d5798"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5797","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-7","type":"checkbox","name":"checkbox-7","data-name":"Checkbox 7","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Web Dev"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 7"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5798","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5799"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5799","text":true,"v":"Web Developement"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579a","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d579b","b7aa8eae-dece-73e0-d301-47f10b9d579c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579b","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-6","type":"checkbox","name":"checkbox-6","data-name":"Checkbox 6","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Mobile Apps"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 6"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579c","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d579d"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579d","text":true,"v":"Mobile Apps"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579e","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d579f","b7aa8eae-dece-73e0-d301-47f10b9d57a0"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579f","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-5","type":"checkbox","name":"checkbox-5","data-name":"Checkbox 5","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Content"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 5"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a0","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a1"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a1","text":true,"v":"Content"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a2","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a3","b7aa8eae-dece-73e0-d301-47f10b9d57a4"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a3","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-4","type":"checkbox","name":"checkbox-4","data-name":"Checkbox 4","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Automation"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 4"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a4","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a5","text":true,"v":"Automation"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a6","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a7","b7aa8eae-dece-73e0-d301-47f10b9d57a8"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a7","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-3","type":"checkbox","name":"checkbox-3","data-name":"Checkbox 3","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Marketing"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a8","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a9"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a9","text":true,"v":"Marketing"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57aa","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57ab","b7aa8eae-dece-73e0-d301-47f10b9d57ac"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ab","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-3","type":"checkbox","name":"checkbox-3","data-name":"Checkbox 3","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Example"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ac","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57ad"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ad","text":true,"v":"Example"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ae","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57af","b7aa8eae-dece-73e0-d301-47f10b9d57b0"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57af","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-3","type":"checkbox","name":"checkbox-3","data-name":"Checkbox 3","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Another"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57b0","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57b1"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57b1","text":true,"v":"Another Example"}],"styles":[{"_id":"6b8902a2-181b-b570-6fc0-60668a93022f","fake":false,"type":"class","name":"checkbox-label","namespace":"","comb":"","styleLess":"margin-bottom: 0.5rem; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 0.9rem; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930241","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"","styleLess":"opacity: 0.7;","variants":{},"children":[],"selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930243","fake":false,"type":"class","name":"checkbox_row","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 1000px; margin-right: auto; margin-left: auto; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a93023e","fake":false,"type":"class","name":"checkbox-field","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: block; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.4rem; padding-left: 40px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; line-height: 1.4em;","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":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930233","fake":false,"type":"class","name":"checkbox_button","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 3; display: inline-block; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-top-style: solid; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; 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-image: @img_63568a1149d4c750d31b0613; background-position: 10px 50%; background-size: auto; background-repeat: no-repeat; cursor: pointer;","variants":{"main_redirected-checked":{"styleLess":"width: 100%; height: 100%; border-top-width: 2px; border-top-color: hsla(147.22222222222223, 65.06%, 32.55%, 1.00); border-right-width: 2px; border-right-color: hsla(147.22222222222223, 65.06%, 32.55%, 1.00); border-bottom-width: 2px; border-bottom-color: hsla(147.22222222222223, 65.06%, 32.55%, 1.00); border-left-width: 2px; border-left-color: hsla(147.22222222222223, 65.06%, 32.55%, 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(147.22222222222223, 65.06%, 32.55%, 0.05); background-image: @img_6356dddc950d5f894d4b4599; background-position: 10px 50%; background-size: auto; color: hsla(277.6991150442478, 99.12%, 55.29%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(225, 0.00%, 0.00%, 1.00); border-right-color: hsla(225, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(225, 0.00%, 0.00%, 1.00); border-left-color: hsla(225, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930240","fake":false,"type":"class","name":"custom-checkbox-label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 100%; font-weight: 600; mix-blend-mode: normal;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/63568a1149d4c750d31b0613_circle.svg","siteId":"635689ca57c4a5be05d92b4d","isHD":false,"fileName":"63568a1149d4c750d31b0613_circle.svg","createdOn":"2022-10-24T12:50:25.170Z","origFileName":"circle.svg","fileHash":"5f0cbb1830114933b0c09c45d3a1ad0b","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/635689ca57c4a5be05d92b4d/63568a1149d4c750d31b0613_circle.svg","thumbUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/63568a1149d4c750d31b0613_circle.svg","_id":"63568a1149d4c750d31b0613","updatedOn":"2022-10-24T12:50:25.311Z","fileSize":223},{"cdnUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/6356dddc950d5f894d4b4599_green.svg","siteId":"635689ca57c4a5be05d92b4d","isHD":false,"fileName":"6356dddc950d5f894d4b4599_green.svg","createdOn":"2022-10-24T18:47:56.710Z","origFileName":"green.svg","fileHash":"f59a3267cccf087450a31a721a76fe58","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/635689ca57c4a5be05d92b4d/6356dddc950d5f894d4b4599_green.svg","thumbUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/6356dddc950d5f894d4b4599_green.svg","_id":"6356dddc950d5f894d4b4599","updatedOn":"2022-10-24T18:47:56.710Z","fileSize":569}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2b7f0266-8e85-5c1e-6905-117f3aeda1e5","type":"Block","tag":"div","classes":[],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5789","b7aa8eae-dece-73e0-d301-47f10b9d578d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5789","type":"Block","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93022f"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578a","b7aa8eae-dece-73e0-d301-47f10b9d578b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578a","text":true,"v":"Multiple checkboxes "},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578b","type":"Span","tag":"span","classes":["6b8902a2-181b-b570-6fc0-60668a930241"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578c","text":true,"v":"(This is a checkbox group)"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578d","type":"Block","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a930243"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578e","b7aa8eae-dece-73e0-d301-47f10b9d5792","b7aa8eae-dece-73e0-d301-47f10b9d5796","b7aa8eae-dece-73e0-d301-47f10b9d579a","b7aa8eae-dece-73e0-d301-47f10b9d579e","b7aa8eae-dece-73e0-d301-47f10b9d57a2","b7aa8eae-dece-73e0-d301-47f10b9d57a6","b7aa8eae-dece-73e0-d301-47f10b9d57aa","b7aa8eae-dece-73e0-d301-47f10b9d57ae"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"skills"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578e","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d578f","b7aa8eae-dece-73e0-d301-47f10b9d5790"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d578f","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox"},"inputType":"custom","search":{"exclude":false},"xattr":[{"name":"data-ms-value","value":"Graphic Design"}],"displayName":"","attr":{"id":"checkbox","type":"checkbox","name":"checkbox","data-name":"Checkbox","required":false,"checked":true},"visibility":{"conditions":[]}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5790","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5791"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5791","text":true,"v":"Graphic Design"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5792","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5793","b7aa8eae-dece-73e0-d301-47f10b9d5794"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5793","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-8","type":"checkbox","name":"checkbox-8","data-name":"Checkbox 8","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Web Design"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 8"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5794","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5795"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5795","text":true,"v":"Web Design"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5796","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5797","b7aa8eae-dece-73e0-d301-47f10b9d5798"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5797","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-7","type":"checkbox","name":"checkbox-7","data-name":"Checkbox 7","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Web Dev"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 7"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5798","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d5799"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d5799","text":true,"v":"Web Developement"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579a","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d579b","b7aa8eae-dece-73e0-d301-47f10b9d579c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579b","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-6","type":"checkbox","name":"checkbox-6","data-name":"Checkbox 6","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Mobile Apps"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 6"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579c","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d579d"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579d","text":true,"v":"Mobile Apps"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579e","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d579f","b7aa8eae-dece-73e0-d301-47f10b9d57a0"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d579f","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-5","type":"checkbox","name":"checkbox-5","data-name":"Checkbox 5","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Content"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 5"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a0","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a1"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a1","text":true,"v":"Content"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a2","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a3","b7aa8eae-dece-73e0-d301-47f10b9d57a4"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a3","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-4","type":"checkbox","name":"checkbox-4","data-name":"Checkbox 4","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Automation"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 4"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a4","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a5","text":true,"v":"Automation"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a6","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a7","b7aa8eae-dece-73e0-d301-47f10b9d57a8"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a7","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-3","type":"checkbox","name":"checkbox-3","data-name":"Checkbox 3","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Marketing"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a8","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57a9"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57a9","text":true,"v":"Marketing"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57aa","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57ab","b7aa8eae-dece-73e0-d301-47f10b9d57ac"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ab","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-3","type":"checkbox","name":"checkbox-3","data-name":"Checkbox 3","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Example"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ac","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57ad"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ad","text":true,"v":"Example"},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57ae","type":"FormCheckboxWrapper","tag":"div","classes":["6b8902a2-181b-b570-6fc0-60668a93023e"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57af","b7aa8eae-dece-73e0-d301-47f10b9d57b0"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57af","type":"FormCheckboxInput","tag":"input","classes":["6b8902a2-181b-b570-6fc0-60668a930233"],"children":[],"data":{"displayName":"","attr":{"id":"checkbox-3","type":"checkbox","name":"checkbox-3","data-name":"Checkbox 3","required":false,"checked":false},"xattr":[{"name":"data-ms-value","value":"Another"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom"}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57b0","type":"FormInlineLabel","tag":"label","classes":["6b8902a2-181b-b570-6fc0-60668a930240"],"children":["b7aa8eae-dece-73e0-d301-47f10b9d57b1"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"checkbox-label"}}},{"_id":"b7aa8eae-dece-73e0-d301-47f10b9d57b1","text":true,"v":"Another Example"}],"styles":[{"_id":"6b8902a2-181b-b570-6fc0-60668a93022f","fake":false,"type":"class","name":"checkbox-label","namespace":"","comb":"","styleLess":"margin-bottom: 0.5rem; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 0.9rem; font-weight: 600;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930241","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"","styleLess":"opacity: 0.7;","variants":{},"children":[],"selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930243","fake":false,"type":"class","name":"checkbox_row","namespace":"","comb":"","styleLess":"position: relative; display: flex; max-width: 1000px; margin-right: auto; margin-left: auto; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a93023e","fake":false,"type":"class","name":"checkbox-field","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: block; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.4rem; padding-left: 40px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; line-height: 1.4em;","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":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930233","fake":false,"type":"class","name":"checkbox_button","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 3; display: inline-block; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-top-style: solid; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; 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-image: @img_63568a1149d4c750d31b0613; background-position: 10px 50%; background-size: auto; background-repeat: no-repeat; cursor: pointer;","variants":{"main_redirected-checked":{"styleLess":"width: 100%; height: 100%; border-top-width: 2px; border-top-color: hsla(147.22222222222223, 65.06%, 32.55%, 1.00); border-right-width: 2px; border-right-color: hsla(147.22222222222223, 65.06%, 32.55%, 1.00); border-bottom-width: 2px; border-bottom-color: hsla(147.22222222222223, 65.06%, 32.55%, 1.00); border-left-width: 2px; border-left-color: hsla(147.22222222222223, 65.06%, 32.55%, 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(147.22222222222223, 65.06%, 32.55%, 0.05); background-image: @img_6356dddc950d5f894d4b4599; background-position: 10px 50%; background-size: auto; color: hsla(277.6991150442478, 99.12%, 55.29%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(225, 0.00%, 0.00%, 1.00); border-right-color: hsla(225, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(225, 0.00%, 0.00%, 1.00); border-left-color: hsla(225, 0.00%, 0.00%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6b8902a2-181b-b570-6fc0-60668a930240","fake":false,"type":"class","name":"custom-checkbox-label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 100%; font-weight: 600; mix-blend-mode: normal;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/63568a1149d4c750d31b0613_circle.svg","siteId":"635689ca57c4a5be05d92b4d","isHD":false,"fileName":"63568a1149d4c750d31b0613_circle.svg","createdOn":"2022-10-24T12:50:25.170Z","origFileName":"circle.svg","fileHash":"5f0cbb1830114933b0c09c45d3a1ad0b","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/635689ca57c4a5be05d92b4d/63568a1149d4c750d31b0613_circle.svg","thumbUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/63568a1149d4c750d31b0613_circle.svg","_id":"63568a1149d4c750d31b0613","updatedOn":"2022-10-24T12:50:25.311Z","fileSize":223},{"cdnUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/6356dddc950d5f894d4b4599_green.svg","siteId":"635689ca57c4a5be05d92b4d","isHD":false,"fileName":"6356dddc950d5f894d4b4599_green.svg","createdOn":"2022-10-24T18:47:56.710Z","origFileName":"green.svg","fileHash":"f59a3267cccf087450a31a721a76fe58","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/635689ca57c4a5be05d92b4d/6356dddc950d5f894d4b4599_green.svg","thumbUrl":"https://cdn.prod.website-files.com/635689ca57c4a5be05d92b4d/6356dddc950d5f894d4b4599_green.svg","_id":"6356dddc950d5f894d4b4599","updatedOn":"2022-10-24T18:47:56.710Z","fileSize":569}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"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 Buttons component allows users to create a visually appealing group of checkboxes for forms, enhancing user interaction and experience.

Belangrijkste kenmerken:

  • Multiple checkbox options for user selection
  • Aanpasbare stijlen en kleuren
  • Responsive design suitable for various devices
  • Includes labels for each checkbox for clarity
  • Supports various input types and configurations

Ontwerpelementen:

  • Flexbox layout for easy alignment
  • Custom icons for checkboxes
  • Color scheme includes shades of green and grey
  • Modern font styles with adjustable weights

Potentiële gebruikssituaties:

  • Surveys and feedback forms for businesses
  • Job application forms requiring skill selection
  • E-commerce sites for product feature selection
  • Event registration forms with multiple options
  • Educational platforms for course selection

Conclusion: The Custom Checkbox Buttons component is versatile and user-friendly, making it an excellent choice for any web form requiring multiple selections.

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.