Loading Component...

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8fcdbb7f-871e-9ac9-8bf5-837b229ad310","type":"Block","tag":"div","classes":[],"children":["8fcdbb7f-871e-9ac9-8bf5-837b229ad311","82bbf380-5d9c-3bd9-2a5d-59c5f768a15f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8fcdbb7f-871e-9ac9-8bf5-837b229ad311","type":"FormBlockLabel","tag":"label","classes":[],"children":["8fcdbb7f-871e-9ac9-8bf5-837b229ad312"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","attr":{"id":"","for":"Phone-2"},"visibility":{"conditions":[]}}},{"_id":"8fcdbb7f-871e-9ac9-8bf5-837b229ad312","text":true,"v":"Radio"},{"_id":"82bbf380-5d9c-3bd9-2a5d-59c5f768a15f","type":"Block","tag":"div","classes":[],"children":["9c9bf82c-651d-34e6-2f34-d413b0706f1a","6af7c2e2-a4fb-e8c8-9987-7a5ce4168d51"],"data":{"tag":"div","text":false}},{"_id":"9c9bf82c-651d-34e6-2f34-d413b0706f1a","type":"FormRadioWrapper","tag":"div","classes":[],"children":["9c9bf82c-651d-34e6-2f34-d413b0706f1b","9c9bf82c-651d-34e6-2f34-d413b0706f1c"],"data":{"form":{"type":"radio"}}},{"_id":"9c9bf82c-651d-34e6-2f34-d413b0706f1b","type":"FormRadioInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"Option-1","type":"radio","name":"radio","value":"Option 1","data-name":"Radio","required":false},"xattr":[{"name":"data-ms-member","value":"Your_Field_ID"}],"form":{"type":"radio-input","name":"Radio"},"inputType":"default"}},{"_id":"9c9bf82c-651d-34e6-2f34-d413b0706f1c","type":"FormInlineLabel","tag":"label","classes":[],"children":["9c9bf82c-651d-34e6-2f34-d413b0706f1d"],"data":{"form":{"type":"radio-label"}}},{"_id":"9c9bf82c-651d-34e6-2f34-d413b0706f1d","text":true,"v":"Option 1"},{"_id":"6af7c2e2-a4fb-e8c8-9987-7a5ce4168d51","type":"FormRadioWrapper","tag":"div","classes":[],"children":["6af7c2e2-a4fb-e8c8-9987-7a5ce4168d52","6af7c2e2-a4fb-e8c8-9987-7a5ce4168d53"],"data":{"form":{"type":"radio"}}},{"_id":"6af7c2e2-a4fb-e8c8-9987-7a5ce4168d52","type":"FormRadioInput","tag":"input","classes":[],"children":[],"data":{"attr":{"id":"Option-2","type":"radio","name":"radio","value":"Option 2","data-name":"Radio","required":false},"xattr":[{"name":"data-ms-member","value":"Your_Field_ID"}],"form":{"type":"radio-input","name":"Radio"},"inputType":"default"}},{"_id":"6af7c2e2-a4fb-e8c8-9987-7a5ce4168d53","type":"FormInlineLabel","tag":"label","classes":[],"children":["6af7c2e2-a4fb-e8c8-9987-7a5ce4168d54"],"data":{"form":{"type":"radio-label"}}},{"_id":"6af7c2e2-a4fb-e8c8-9987-7a5ce4168d54","text":true,"v":"Option 2"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Clone in Webflow

Copy Component

Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Membership Radio Button component is designed to facilitate user selection through radio buttons, allowing for easy input of membership options. It features a clean and straightforward layout for user interaction.

Key Features:

Includes multiple radio button options
Customizable input attributes for integration with membership systems
User-friendly interface for selecting membership types
Supports required field validation

Design Elements:

Minimalist design with clear labels
Responsive layout suitable for various devices
Simple color scheme that can be customized

Potential Use Cases:

Membership-based websites (gyms, clubs, etc.)
Subscription services requiring user input for plans
Event registration forms where attendees select options
E-commerce sites offering membership tiers

Conclusion: The Membership Radio Button component is versatile and user-friendly, making it an excellent choice for any website that requires membership selection or similar input options.

Start building