Loading Component...

Loading

More Components

View All
Part of

Radio Cards

Oops! Something went wrong while submitting the form.
Radio Cards
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dd7","type":"Block","tag":"div","classes":["7c794993-c0c0-4cbb-9b79-cfa8b6237e5c"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3dd8","9645aec2-1b02-bd81-66b4-2dfb5aef3dda","9645aec2-1b02-bd81-66b4-2dfb5aef3de8","9645aec2-1b02-bd81-66b4-2dfb5aef3df6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dd8","type":"FormBlockLabel","tag":"label","classes":["2657aadb-6326-6737-fabb-4243fa3dff9f"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3dd9"],"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-2dfb5aef3dd9","text":true,"v":"Radio cards Rows"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dda","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","2c1a981d-ade8-99b4-eca7-199930418680"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ddb","9645aec2-1b02-bd81-66b4-2dfb5aef3ddc"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"checked","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddb","type":"FormRadioInput","tag":"input","classes":["df13ddd2-1b35-398c-f5b4-3df1636672a0"],"children":[],"data":{"form":{"type":"radio-input","name":"Card Row"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"}],"attr":{"id":"First-Option","type":"radio","name":"Card-Row","value":"First Option","data-name":"Card Row","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddc","type":"FormInlineLabel","tag":"label","classes":["31fd22f9-a8df-52f4-8ff4-8e3b2d166067"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ddd","9645aec2-1b02-bd81-66b4-2dfb5aef3dde","9645aec2-1b02-bd81-66b4-2dfb5aef3de0","9645aec2-1b02-bd81-66b4-2dfb5aef3de1","9645aec2-1b02-bd81-66b4-2dfb5aef3de2","9645aec2-1b02-bd81-66b4-2dfb5aef3de4","9645aec2-1b02-bd81-66b4-2dfb5aef3de6"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"clearfix":true,"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddd","text":true,"v":"First Option "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dde","type":"Span","tag":"span","classes":["f1d1373a-b48a-07fc-a4c3-f6f486c4dcd4"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ddf"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddf","text":true,"v":"100"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de0","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de1","text":true,"v":"‍"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de2","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de3","text":true,"v":"This is a description which is longer. "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de4","type":"Span","tag":"span","classes":["d93104a7-2098-6660-35f4-4f484e3a54ea"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de5","text":true,"v":"units"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de6","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de7","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de8","type":"FormRadioWrapper","tag":"div","classes":["31fd22f9-a8df-52f4-8ff4-8e3b2d166067"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de9","9645aec2-1b02-bd81-66b4-2dfb5aef3dea"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de9","type":"FormRadioInput","tag":"input","classes":["df549c18-996e-2bc4-a47a-3102e18f329c"],"children":[],"data":{"form":{"type":"radio-input","name":"Card Row"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"},{"name":"checked","value":"checked"}],"attr":{"id":"Second-Option","type":"radio","name":"Card-Row","value":"Second Option","data-name":"Card Row","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dea","type":"FormInlineLabel","tag":"label","classes":["e964a426-a128-0ebf-c4d3-1bd2068c683f"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3deb","9645aec2-1b02-bd81-66b4-2dfb5aef3dec","9645aec2-1b02-bd81-66b4-2dfb5aef3dee","9645aec2-1b02-bd81-66b4-2dfb5aef3def","9645aec2-1b02-bd81-66b4-2dfb5aef3df0","9645aec2-1b02-bd81-66b4-2dfb5aef3df2","9645aec2-1b02-bd81-66b4-2dfb5aef3df4"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"clearfix":true,"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3deb","text":true,"v":"Second Option "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dec","type":"Span","tag":"span","classes":["f1d1373a-b48a-07fc-a4c3-f6f486c4dcd4"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ded"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ded","text":true,"v":"200"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dee","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3def","text":true,"v":"‍"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df0","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3df1"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df1","text":true,"v":"This is a description which is longer. "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df2","type":"Span","tag":"span","classes":["d93104a7-2098-6660-35f4-4f484e3a54ea"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3df3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df3","text":true,"v":"units"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df4","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3df5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df5","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df6","type":"HtmlEmbed","tag":"div","classes":["f7d4ff22-d4d6-a108-0db1-f3a7c05e1d6d"],"children":[],"v":"Custom CSS\n\n<style>\n.ms-hide:checked ~ .ms-radio-card {\n\tborder-color: #2962ff;\n outline: 2px solid #101570\n\n}\n.ms-hide:checked ~ .ms-svg {\n\tdisplay: flex;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"Custom CSS\n\n<style>\n.ms-hide:checked ~ .ms-radio-card {\n\tborder-color: #2962ff;\n outline: 2px solid #101570\n\n}\n.ms-hide:checked ~ .ms-svg {\n\tdisplay: flex;\n}\n</style>","div":false,"iframe":false,"script":false},"type":"html"}}}],"styles":[{"_id":"df549c18-996e-2bc4-a47a-3102e18f329c","fake":false,"type":"class","name":"ms-radio-border","namespace":"","comb":"","styleLess":"","variants":{"main_redirected-checked":{"styleLess":"position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 1; width: auto; height: auto; margin-top: 0px; margin-left: 0px; border-top-width: 3px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-width: 3px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-width: 3px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-width: 3px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;"}},"children":[],"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":"df13ddd2-1b35-398c-f5b4-3df1636672a0","fake":false,"type":"class","name":"ms-hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"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":"31fd22f9-a8df-52f4-8ff4-8e3b2d166067","fake":false,"type":"class","name":"ms-radio-card","namespace":"","comb":"","styleLess":"position: relative; width: 100%; padding-top: 12px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1); color: hsla(237, 47.06%, 13.06%, 1.00); font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"f1d1373a-b48a-07fc-a4c3-f6f486c4dcd4","fake":false,"type":"class","name":"ms-card-text-right","namespace":"","comb":"","styleLess":"padding-right: 4px; padding-left: 4px; float: right; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(237, 75.10%, 25.08%, 0.10); line-height: 1.4em;","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":"e964a426-a128-0ebf-c4d3-1bd2068c683f","fake":false,"type":"class","name":"ms-radio-contents","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 100%; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2c1a981d-ade8-99b4-eca7-199930418680","fake":false,"type":"class","name":"is-card","namespace":"","comb":"&","styleLess":"padding-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"73f529f2-aa61-4baf-340f-708f676f0c22","fake":false,"type":"class","name":"ms-help-text","namespace":"","comb":"","styleLess":"margin-top: -15px; margin-bottom: 15px; opacity: 0.8; font-size: 90%; font-weight: 300;","variants":{},"children":["9712caa0-24c0-8432-1d15-a2edc5dae14c"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d93104a7-2098-6660-35f4-4f484e3a54ea","fake":false,"type":"class","name":"ms-hint-text","namespace":"","comb":"","styleLess":"float: right; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dd7","type":"Block","tag":"div","classes":["7c794993-c0c0-4cbb-9b79-cfa8b6237e5c"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3dd8","9645aec2-1b02-bd81-66b4-2dfb5aef3dda","9645aec2-1b02-bd81-66b4-2dfb5aef3de8","9645aec2-1b02-bd81-66b4-2dfb5aef3df6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dd8","type":"FormBlockLabel","tag":"label","classes":["2657aadb-6326-6737-fabb-4243fa3dff9f"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3dd9"],"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-2dfb5aef3dd9","text":true,"v":"Radio cards Rows"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dda","type":"FormRadioWrapper","tag":"div","classes":["be92ada0-3705-cd9f-7d81-68e134700306","2c1a981d-ade8-99b4-eca7-199930418680"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ddb","9645aec2-1b02-bd81-66b4-2dfb5aef3ddc"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[{"name":"checked","value":""}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddb","type":"FormRadioInput","tag":"input","classes":["df13ddd2-1b35-398c-f5b4-3df1636672a0"],"children":[],"data":{"form":{"type":"radio-input","name":"Card Row"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"}],"attr":{"id":"First-Option","type":"radio","name":"Card-Row","value":"First Option","data-name":"Card Row","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddc","type":"FormInlineLabel","tag":"label","classes":["31fd22f9-a8df-52f4-8ff4-8e3b2d166067"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ddd","9645aec2-1b02-bd81-66b4-2dfb5aef3dde","9645aec2-1b02-bd81-66b4-2dfb5aef3de0","9645aec2-1b02-bd81-66b4-2dfb5aef3de1","9645aec2-1b02-bd81-66b4-2dfb5aef3de2","9645aec2-1b02-bd81-66b4-2dfb5aef3de4","9645aec2-1b02-bd81-66b4-2dfb5aef3de6"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"clearfix":true,"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddd","text":true,"v":"First Option "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dde","type":"Span","tag":"span","classes":["f1d1373a-b48a-07fc-a4c3-f6f486c4dcd4"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ddf"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ddf","text":true,"v":"100"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de0","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de1","text":true,"v":"‍"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de2","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de3","text":true,"v":"This is a description which is longer. "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de4","type":"Span","tag":"span","classes":["d93104a7-2098-6660-35f4-4f484e3a54ea"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de5","text":true,"v":"units"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de6","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de7"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de7","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de8","type":"FormRadioWrapper","tag":"div","classes":["31fd22f9-a8df-52f4-8ff4-8e3b2d166067"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3de9","9645aec2-1b02-bd81-66b4-2dfb5aef3dea"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3de9","type":"FormRadioInput","tag":"input","classes":["df549c18-996e-2bc4-a47a-3102e18f329c"],"children":[],"data":{"form":{"type":"radio-input","name":"Card Row"},"inputType":"custom","xattr":[{"name":"data-ms-member","value":"FIELD_ID"},{"name":"checked","value":"checked"}],"attr":{"id":"Second-Option","type":"radio","name":"Card-Row","value":"Second Option","data-name":"Card Row","required":false}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dea","type":"FormInlineLabel","tag":"label","classes":["e964a426-a128-0ebf-c4d3-1bd2068c683f"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3deb","9645aec2-1b02-bd81-66b4-2dfb5aef3dec","9645aec2-1b02-bd81-66b4-2dfb5aef3dee","9645aec2-1b02-bd81-66b4-2dfb5aef3def","9645aec2-1b02-bd81-66b4-2dfb5aef3df0","9645aec2-1b02-bd81-66b4-2dfb5aef3df2","9645aec2-1b02-bd81-66b4-2dfb5aef3df4"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"clearfix":true,"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3deb","text":true,"v":"Second Option "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dec","type":"Span","tag":"span","classes":["f1d1373a-b48a-07fc-a4c3-f6f486c4dcd4"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3ded"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3ded","text":true,"v":"200"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3dee","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3def","text":true,"v":"‍"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df0","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3df1"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df1","text":true,"v":"This is a description which is longer. "},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df2","type":"Span","tag":"span","classes":["d93104a7-2098-6660-35f4-4f484e3a54ea"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3df3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df3","text":true,"v":"units"},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df4","type":"Span","tag":"span","classes":["73f529f2-aa61-4baf-340f-708f676f0c22"],"children":["9645aec2-1b02-bd81-66b4-2dfb5aef3df5"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df5","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"9645aec2-1b02-bd81-66b4-2dfb5aef3df6","type":"HtmlEmbed","tag":"div","classes":["f7d4ff22-d4d6-a108-0db1-f3a7c05e1d6d"],"children":[],"v":"Custom CSS\n\n<style>\n.ms-hide:checked ~ .ms-radio-card {\n\tborder-color: #2962ff;\n outline: 2px solid #101570\n\n}\n.ms-hide:checked ~ .ms-svg {\n\tdisplay: flex;\n}\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"Custom CSS\n\n<style>\n.ms-hide:checked ~ .ms-radio-card {\n\tborder-color: #2962ff;\n outline: 2px solid #101570\n\n}\n.ms-hide:checked ~ .ms-svg {\n\tdisplay: flex;\n}\n</style>","div":false,"iframe":false,"script":false},"type":"html"}}}],"styles":[{"_id":"df549c18-996e-2bc4-a47a-3102e18f329c","fake":false,"type":"class","name":"ms-radio-border","namespace":"","comb":"","styleLess":"","variants":{"main_redirected-checked":{"styleLess":"position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 1; width: auto; height: auto; margin-top: 0px; margin-left: 0px; border-top-width: 3px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-width: 3px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-width: 3px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-width: 3px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;"}},"children":[],"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":"df13ddd2-1b35-398c-f5b4-3df1636672a0","fake":false,"type":"class","name":"ms-hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"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":"31fd22f9-a8df-52f4-8ff4-8e3b2d166067","fake":false,"type":"class","name":"ms-radio-card","namespace":"","comb":"","styleLess":"position: relative; width: 100%; padding-top: 12px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1); color: hsla(237, 47.06%, 13.06%, 1.00); font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"f1d1373a-b48a-07fc-a4c3-f6f486c4dcd4","fake":false,"type":"class","name":"ms-card-text-right","namespace":"","comb":"","styleLess":"padding-right: 4px; padding-left: 4px; float: right; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(237, 75.10%, 25.08%, 0.10); line-height: 1.4em;","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":"e964a426-a128-0ebf-c4d3-1bd2068c683f","fake":false,"type":"class","name":"ms-radio-contents","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 100%; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"2c1a981d-ade8-99b4-eca7-199930418680","fake":false,"type":"class","name":"is-card","namespace":"","comb":"&","styleLess":"padding-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"73f529f2-aa61-4baf-340f-708f676f0c22","fake":false,"type":"class","name":"ms-help-text","namespace":"","comb":"","styleLess":"margin-top: -15px; margin-bottom: 15px; opacity: 0.8; font-size: 90%; font-weight: 300;","variants":{},"children":["9712caa0-24c0-8432-1d15-a2edc5dae14c"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d93104a7-2098-6660-35f4-4f484e3a54ea","fake":false,"type":"class","name":"ms-hint-text","namespace":"","comb":"","styleLess":"float: right; font-weight: 400;","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
CC Chrome or SS Safari.