Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
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":"9645aec2-1b02-bd81-66b4-2dfb5aef3e64","type":"Block","tag":"div","classes":["7c794993-c0c0-4cbb-9b79-cfa8b6237e5c"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e65","9645aec2-1b02-bd81-66b4-2dfb5aef3e67","9645aec2-1b02-bd81-66b4-2dfb5aef3e7e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e65","type":"FormBlockLabel","tag":"label","classes":["2657aadb-6326-6737-fabb-4243fa3dff9f"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e66"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email-7","id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e66","text":true,"v":"Radio Table"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e67","type":"Block","tag":"div","classes":[],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e68","9645aec2-1b02-bd81-66b4-2dfb5aef3e6f","9645aec2-1b02-bd81-66b4-2dfb5aef3e76"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e68","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","48065ad0-3185-0ff5-bc30-dac4fb134977"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e69","9645aec2-1b02-bd81-66b4-2dfb5aef3e6a"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e69","type":"FormRadioInput","tag":"input","classes":["1eb05835-6732-4ad9-c14f-9462a2cc03af","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"children":[],"data":{"form":{"type":"radio-input","name":"Table List"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"},{"name":"checked","value":"checked"}],"attr":{"id":"Afternoon65","type":"radio","name":"Table-List","value":"Afternoon","data-name":"Table List","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6a","type":"FormInlineLabel","tag":"label","classes":["4bf65d26-c7a0-248e-97a3-90ad9d558f4a","bbdebdb1-f4cf-7ab2-d28a-1543ea1a7148"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e6b","9645aec2-1b02-bd81-66b4-2dfb5aef3e6d"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6b","type":"Span","tag":"span","classes":["2b9da207-fdea-8b62-f032-e034fbd2484e"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e6c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6c","text":true,"v":"Afternoon"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6d","type":"Span","tag":"span","classes":["dd88b474-49b5-dadf-2da8-13f0bf1c732d"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e6e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6e","text":true,"v":"Text Message or Phone Call"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6f","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","48065ad0-3185-0ff5-bc30-dac4fb134977"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e70","9645aec2-1b02-bd81-66b4-2dfb5aef3e71"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e70","type":"FormRadioInput","tag":"input","classes":["1eb05835-6732-4ad9-c14f-9462a2cc03af","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"children":[],"data":{"form":{"type":"radio-input","name":"Table List"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"}],"attr":{"id":"Evening-29","type":"radio","name":"Table-List","value":"Evening","data-name":"Table List","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e71","type":"FormInlineLabel","tag":"label","classes":["4bf65d26-c7a0-248e-97a3-90ad9d558f4a"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e72","9645aec2-1b02-bd81-66b4-2dfb5aef3e74"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e72","type":"Span","tag":"span","classes":["2b9da207-fdea-8b62-f032-e034fbd2484e"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e73"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e73","text":true,"v":"Evening"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e74","type":"Span","tag":"span","classes":["dd88b474-49b5-dadf-2da8-13f0bf1c732d"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e75"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e75","text":true,"v":"Text Message or Phone Call"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e76","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","48065ad0-3185-0ff5-bc30-dac4fb134977"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e77","9645aec2-1b02-bd81-66b4-2dfb5aef3e78"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e77","type":"FormRadioInput","tag":"input","classes":["1eb05835-6732-4ad9-c14f-9462a2cc03af","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"children":[],"data":{"form":{"type":"radio-input","name":"Table List"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"}],"attr":{"id":"Night-25","type":"radio","name":"Table-List","value":"Night","data-name":"Table List","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e78","type":"FormInlineLabel","tag":"label","classes":["4bf65d26-c7a0-248e-97a3-90ad9d558f4a","52415341-d03f-2662-63ba-9493319aa645"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e79","9645aec2-1b02-bd81-66b4-2dfb5aef3e7b","9645aec2-1b02-bd81-66b4-2dfb5aef3e7c"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e79","type":"Span","tag":"span","classes":["2b9da207-fdea-8b62-f032-e034fbd2484e"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e7a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7a","text":true,"v":"Night"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7b","text":true,"v":" "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7c","type":"Span","tag":"span","classes":["dd88b474-49b5-dadf-2da8-13f0bf1c732d"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e7d"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7d","text":true,"v":"Text Message"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7e","type":"HtmlEmbed","tag":"div","classes":["f7d4ff22-d4d6-a108-0db1-f3a7c05e1d6d"],"children":[],"v":"Custom CSS\n<style>\ninput[type=radio]:checked ~ .ms-table-list {\n\tborder-color: #101570;\n color: #101570;\n background-color: rgba(28, 36, 185, 0.1);\n outline: 1px solid #101570;\n z-index: 5;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"Custom CSS\n<style>\ninput[type=radio]:checked ~ .ms-table-list {\n\tborder-color: #101570;\n color: #101570;\n background-color: rgba(28, 36, 185, 0.1);\n outline: 1px solid #101570;\n z-index: 5;\n}\n</style>","div":false,"iframe":false,"script":false},"type":"html"}}}],"styles":[{"_id":"52415341-d03f-2662-63ba-9493319aa645","fake":false,"type":"class","name":"is-bottom","namespace":"","comb":"&","styleLess":"border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c718faca-954a-b5f5-ff2a-49e9a12e261d","fake":false,"type":"class","name":"is-table","namespace":"","comb":"&","styleLess":"position: absolute; left: 14px; top: 12px; z-index: 3; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4bf65d26-c7a0-248e-97a3-90ad9d558f4a","fake":false,"type":"class","name":"ms-table-list","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; display: flex; width: 100%; margin-bottom: -1px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 40px; flex-wrap: wrap; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 7.14%, 78.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 7.14%, 78.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 7.14%, 78.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 7.14%, 78.04%, 1.00); background-color: white; color: hsla(237, 47.06%, 13.06%, 1.00); font-weight: 700;","variants":{},"children":["bbdebdb1-f4cf-7ab2-d28a-1543ea1a7148","52415341-d03f-2662-63ba-9493319aa645"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2657aadb-6326-6737-fabb-4243fa3dff9f","fake":false,"type":"class","name":"ms-input-label","namespace":"","comb":"","styleLess":"margin-bottom: 5px; color: hsla(237, 47.06%, 13.06%, 1.00); font-weight: 700;","variants":{},"children":["d7ffcb3f-9002-7376-c22d-56704364b904","ce4843a6-c93b-e110-6f64-9819d94aadc2","4d1aaa9e-21c5-a440-a9be-0811c5edf335","11b8e98c-5ab6-f77d-7db1-da0f96642410","80ffcf25-c38b-1ca7-865a-74cc7ed8ce63"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"be92ada0-3705-cd9f-7d81-68e134700306","fake":false,"type":"class","name":"ms-radio-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-top: 8px; align-items: flex-start;","variants":{"tiny":{"styleLess":"display: flex; align-items: flex-start;"}},"children":["29448145-787a-9df6-50d5-65bcb19fc6c2","25f7f2d2-522a-5c2b-5db3-53994f6f0f87","48065ad0-3185-0ff5-bc30-dac4fb134977","2c1a981d-ade8-99b4-eca7-199930418680","a692f3b5-20bd-425f-c0e8-6e33731c1c28"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"f7d4ff22-d4d6-a108-0db1-f3a7c05e1d6d","fake":false,"type":"class","name":"ms-embed","namespace":"","comb":"","styleLess":"display: flex; min-height: 80px; margin-bottom: 10px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 92.94%, 1.00); font-style: italic;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dd88b474-49b5-dadf-2da8-13f0bf1c732d","fake":false,"type":"class","name":"MS Light Text","namespace":"","comb":"","styleLess":"font-size: 13px; font-weight: 300;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2b9da207-fdea-8b62-f032-e034fbd2484e","fake":false,"type":"class","name":"ms-table-bold","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"7c794993-c0c0-4cbb-9b79-cfa8b6237e5c","fake":false,"type":"class","name":"ms-radio-group","namespace":"","comb":"","styleLess":"margin-bottom: 30px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"48065ad0-3185-0ff5-bc30-dac4fb134977","fake":false,"type":"class","name":"is-table","namespace":"","comb":"&","styleLess":"margin-bottom: 0px; padding-top: 0px; padding-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1eb05835-6732-4ad9-c14f-9462a2cc03af","fake":false,"type":"class","name":"ms-radio-dot","namespace":"","comb":"","styleLess":"position: relative; width: 17px; height: 17px; margin-top: 1px; margin-right: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-right-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-bottom-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-left-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25);","variants":{"main_redirected-checked":{"styleLess":"border-top-width: 6px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-width: 6px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-width: 6px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-width: 6px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00);"}},"children":["c94e1dda-6ee0-3ae9-12ce-e2bb278bfb95","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"bbdebdb1-f4cf-7ab2-d28a-1543ea1a7148","fake":false,"type":"class","name":"is-top","namespace":"","comb":"&","styleLess":"border-top-left-radius: 6px; border-top-right-radius: 6px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e64","type":"Block","tag":"div","classes":["7c794993-c0c0-4cbb-9b79-cfa8b6237e5c"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e65","9645aec2-1b02-bd81-66b4-2dfb5aef3e67","9645aec2-1b02-bd81-66b4-2dfb5aef3e7e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e65","type":"FormBlockLabel","tag":"label","classes":["2657aadb-6326-6737-fabb-4243fa3dff9f"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e66"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email-7","id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e66","text":true,"v":"Radio Table"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e67","type":"Block","tag":"div","classes":[],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e68","9645aec2-1b02-bd81-66b4-2dfb5aef3e6f","9645aec2-1b02-bd81-66b4-2dfb5aef3e76"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e68","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","48065ad0-3185-0ff5-bc30-dac4fb134977"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e69","9645aec2-1b02-bd81-66b4-2dfb5aef3e6a"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e69","type":"FormRadioInput","tag":"input","classes":["1eb05835-6732-4ad9-c14f-9462a2cc03af","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"children":[],"data":{"form":{"type":"radio-input","name":"Table List"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"},{"name":"checked","value":"checked"}],"attr":{"id":"Afternoon65","type":"radio","name":"Table-List","value":"Afternoon","data-name":"Table List","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6a","type":"FormInlineLabel","tag":"label","classes":["4bf65d26-c7a0-248e-97a3-90ad9d558f4a","bbdebdb1-f4cf-7ab2-d28a-1543ea1a7148"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e6b","9645aec2-1b02-bd81-66b4-2dfb5aef3e6d"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6b","type":"Span","tag":"span","classes":["2b9da207-fdea-8b62-f032-e034fbd2484e"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e6c"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6c","text":true,"v":"Afternoon"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6d","type":"Span","tag":"span","classes":["dd88b474-49b5-dadf-2da8-13f0bf1c732d"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e6e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6e","text":true,"v":"Text Message or Phone Call"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e6f","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","48065ad0-3185-0ff5-bc30-dac4fb134977"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e70","9645aec2-1b02-bd81-66b4-2dfb5aef3e71"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e70","type":"FormRadioInput","tag":"input","classes":["1eb05835-6732-4ad9-c14f-9462a2cc03af","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"children":[],"data":{"form":{"type":"radio-input","name":"Table List"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"}],"attr":{"id":"Evening-29","type":"radio","name":"Table-List","value":"Evening","data-name":"Table List","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e71","type":"FormInlineLabel","tag":"label","classes":["4bf65d26-c7a0-248e-97a3-90ad9d558f4a"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e72","9645aec2-1b02-bd81-66b4-2dfb5aef3e74"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e72","type":"Span","tag":"span","classes":["2b9da207-fdea-8b62-f032-e034fbd2484e"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e73"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e73","text":true,"v":"Evening"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e74","type":"Span","tag":"span","classes":["dd88b474-49b5-dadf-2da8-13f0bf1c732d"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e75"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e75","text":true,"v":"Text Message or Phone Call"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e76","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","48065ad0-3185-0ff5-bc30-dac4fb134977"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e77","9645aec2-1b02-bd81-66b4-2dfb5aef3e78"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e77","type":"FormRadioInput","tag":"input","classes":["1eb05835-6732-4ad9-c14f-9462a2cc03af","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"children":[],"data":{"form":{"type":"radio-input","name":"Table List"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"}],"attr":{"id":"Night-25","type":"radio","name":"Table-List","value":"Night","data-name":"Table List","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e78","type":"FormInlineLabel","tag":"label","classes":["4bf65d26-c7a0-248e-97a3-90ad9d558f4a","52415341-d03f-2662-63ba-9493319aa645"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e79","9645aec2-1b02-bd81-66b4-2dfb5aef3e7b","9645aec2-1b02-bd81-66b4-2dfb5aef3e7c"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e79","type":"Span","tag":"span","classes":["2b9da207-fdea-8b62-f032-e034fbd2484e"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e7a"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7a","text":true,"v":"Night"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7b","text":true,"v":" "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7c","type":"Span","tag":"span","classes":["dd88b474-49b5-dadf-2da8-13f0bf1c732d"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3e7d"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7d","text":true,"v":"Text Message"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3e7e","type":"HtmlEmbed","tag":"div","classes":["f7d4ff22-d4d6-a108-0db1-f3a7c05e1d6d"],"children":[],"v":"Custom CSS\n<style>\ninput[type=radio]:checked ~ .ms-table-list {\n\tborder-color: #101570;\n color: #101570;\n background-color: rgba(28, 36, 185, 0.1);\n outline: 1px solid #101570;\n z-index: 5;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"Custom CSS\n<style>\ninput[type=radio]:checked ~ .ms-table-list {\n\tborder-color: #101570;\n color: #101570;\n background-color: rgba(28, 36, 185, 0.1);\n outline: 1px solid #101570;\n z-index: 5;\n}\n</style>","div":false,"iframe":false,"script":false},"type":"html"}}}],"styles":[{"_id":"52415341-d03f-2662-63ba-9493319aa645","fake":false,"type":"class","name":"is-bottom","namespace":"","comb":"&","styleLess":"border-bottom-style: solid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c718faca-954a-b5f5-ff2a-49e9a12e261d","fake":false,"type":"class","name":"is-table","namespace":"","comb":"&","styleLess":"position: absolute; left: 14px; top: 12px; z-index: 3; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4bf65d26-c7a0-248e-97a3-90ad9d558f4a","fake":false,"type":"class","name":"ms-table-list","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; display: flex; width: 100%; margin-bottom: -1px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 40px; flex-wrap: wrap; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 7.14%, 78.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 7.14%, 78.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 7.14%, 78.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 7.14%, 78.04%, 1.00); background-color: white; color: hsla(237, 47.06%, 13.06%, 1.00); font-weight: 700;","variants":{},"children":["bbdebdb1-f4cf-7ab2-d28a-1543ea1a7148","52415341-d03f-2662-63ba-9493319aa645"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2657aadb-6326-6737-fabb-4243fa3dff9f","fake":false,"type":"class","name":"ms-input-label","namespace":"","comb":"","styleLess":"margin-bottom: 5px; color: hsla(237, 47.06%, 13.06%, 1.00); font-weight: 700;","variants":{},"children":["d7ffcb3f-9002-7376-c22d-56704364b904","ce4843a6-c93b-e110-6f64-9819d94aadc2","4d1aaa9e-21c5-a440-a9be-0811c5edf335","11b8e98c-5ab6-f77d-7db1-da0f96642410","80ffcf25-c38b-1ca7-865a-74cc7ed8ce63"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"be92ada0-3705-cd9f-7d81-68e134700306","fake":false,"type":"class","name":"ms-radio-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-top: 8px; align-items: flex-start;","variants":{"tiny":{"styleLess":"display: flex; align-items: flex-start;"}},"children":["29448145-787a-9df6-50d5-65bcb19fc6c2","25f7f2d2-522a-5c2b-5db3-53994f6f0f87","48065ad0-3185-0ff5-bc30-dac4fb134977","2c1a981d-ade8-99b4-eca7-199930418680","a692f3b5-20bd-425f-c0e8-6e33731c1c28"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"f7d4ff22-d4d6-a108-0db1-f3a7c05e1d6d","fake":false,"type":"class","name":"ms-embed","namespace":"","comb":"","styleLess":"display: flex; min-height: 80px; margin-bottom: 10px; justify-content: center; align-items: center; background-color: hsla(0, 0.00%, 92.94%, 1.00); font-style: italic;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"dd88b474-49b5-dadf-2da8-13f0bf1c732d","fake":false,"type":"class","name":"MS Light Text","namespace":"","comb":"","styleLess":"font-size: 13px; font-weight: 300;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2b9da207-fdea-8b62-f032-e034fbd2484e","fake":false,"type":"class","name":"ms-table-bold","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"7c794993-c0c0-4cbb-9b79-cfa8b6237e5c","fake":false,"type":"class","name":"ms-radio-group","namespace":"","comb":"","styleLess":"margin-bottom: 30px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"48065ad0-3185-0ff5-bc30-dac4fb134977","fake":false,"type":"class","name":"is-table","namespace":"","comb":"&","styleLess":"margin-bottom: 0px; padding-top: 0px; padding-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1eb05835-6732-4ad9-c14f-9462a2cc03af","fake":false,"type":"class","name":"ms-radio-dot","namespace":"","comb":"","styleLess":"position: relative; width: 17px; height: 17px; margin-top: 1px; margin-right: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-right-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-bottom-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-left-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25);","variants":{"main_redirected-checked":{"styleLess":"border-top-width: 6px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-width: 6px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-width: 6px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-width: 6px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00);"}},"children":["c94e1dda-6ee0-3ae9-12ce-e2bb278bfb95","c718faca-954a-b5f5-ff2a-49e9a12e261d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"bbdebdb1-f4cf-7ab2-d28a-1543ea1a7148","fake":false,"type":"class","name":"is-top","namespace":"","comb":"&","styleLess":"border-top-left-radius: 6px; border-top-right-radius: 6px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Radio Table component is designed for creating interactive radio button selections within forms, allowing users to choose from multiple options. It features a clean and modern layout suitable for various applications.
Key Features:
- Customizable radio button options
- Responsive design that adapts to different screen sizes.
- Includes custom CSS for enhanced styling and user interaction.
- Easy integration into existing forms with minimal setup.
Design Elements:
- Flexbox layout for easy alignment and spacing.
- Bold typography for labels with a modern color palette.
- Subtle hover and focus effects for improved user experience.
- Rounded corners and borders for a polished look.
Potential Use Cases:
- Event registration forms where users select preferred time slots.
- Surveys or feedback forms requiring specific options.
- Booking systems for services that require time selection.
- E-commerce sites for selecting delivery preferences.
Conclusion: The Radio Table component is versatile and user-friendly, making it an excellent choice for any form requiring radio button selections. Its modern design and customization options enhance user engagement.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.