Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
So aktivieren Sie die Google-Authentifizierung
So aktivieren Sie die Facebook-Authentifizierung
So aktivieren Sie die Spotify-Authentifizierung
Wie man die Dribbble-Authentifizierung aktiviert
Wie man die Github-Authentifizierung aktiviert
So aktivieren Sie die LinkedIn-Authentifizierung
So aktivieren Sie passwortlose Anmeldungen
So konfigurieren Sie die Kennwortüberprüfung
Passwort ein-/ausblenden
Wie man mit Profilbildern arbeitet
So fügen Sie einen Fluss für vergessene Passwörter hinzu
Wie man mit Kontrollkästchen arbeitet
Wie man Preistabellen konfiguriert
Über das Stripe-Kundenportal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"311d0ad0-75cf-a0e8-4587-ea9f3efcf0bf","type":"Block","tag":"div","classes":["c51e8dd5-9aac-58ce-55c9-bcc2a7bc0755"],"children":["e02ec36d-200f-2c13-cb6d-658941fb96ae"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e02ec36d-200f-2c13-cb6d-658941fb96ae","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d"],"children":["74455a55-9ab4-8497-329c-0e67250cd396"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"74455a55-9ab4-8497-329c-0e67250cd396","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27162"],"children":["da8ae094-b3e8-b3c9-b0f0-2418c092cdbf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da8ae094-b3e8-b3c9-b0f0-2418c092cdbf","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27106"],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5eb4","81fe4aeb-9d52-9314-cf24-325745452412"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5eb4","type":"Block","tag":"div","classes":[],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5eb5","6011da9d-f539-2080-ba20-f3bdeb1a5ebf","6011da9d-f539-2080-ba20-f3bdeb1a5ec0","6011da9d-f539-2080-ba20-f3bdeb1a5ec2","6011da9d-f539-2080-ba20-f3bdeb1a5ec3","e6ec9f77-d744-ee7c-b430-4ac8bec6ec8b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5eb5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715e"],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5eb6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5eb6","type":"Image","tag":"img","classes":["5d605a62-5952-9c8c-5071-d87af27c45ff"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"655b4e1473021a4d4bf44d30"}}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ebf","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f519"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec0","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27142"],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5ec1"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec1","text":true,"v":"Dropdown Form UI"},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec2","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f513"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec3","type":"Paragraph","tag":"p","classes":[],"children":["d10dd297-717b-870e-5d83-828e5d21896d"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d10dd297-717b-870e-5d83-828e5d21896d","text":true,"v":"Here's a free, cloneable form UI, built with Client-First, nested inside of a Webflow dropdown."},{"_id":"e6ec9f77-d744-ee7c-b430-4ac8bec6ec8b","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f519"],"children":[],"data":{"tag":"div","text":false}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452412","type":"DropdownWrapper","tag":"div","classes":["54a453df-6a04-aaa4-05aa-5e0ec6c35d3e"],"children":["81fe4aeb-9d52-9314-cf24-325745452413","81fe4aeb-9d52-9314-cf24-325745452417"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452413","type":"DropdownToggle","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27158","4158dc87-e55b-29b8-5373-2352c80ac44c"],"children":["81fe4aeb-9d52-9314-cf24-325745452415","81fe4aeb-9d52-9314-cf24-325745452414"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452415","type":"Block","tag":"div","classes":[],"children":["81fe4aeb-9d52-9314-cf24-325745452416"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452416","text":true,"v":"Add new row"},{"_id":"81fe4aeb-9d52-9314-cf24-325745452414","type":"Icon","tag":"div","classes":["bc1415df-1e27-5e4d-f987-3f8b6d03cdcb"],"children":[],"data":{"widget":{"type":"icon","icon":"dropdown-toggle"},"search":{"exclude":true}}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452417","type":"DropdownList","tag":"nav","classes":["307100a3-f385-0348-c389-fc2008e2fb0d"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac821"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac821","type":"FormWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714f"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac822","e053a9a0-b1ea-97df-8c1c-4242cb2ac83e","e053a9a0-b1ea-97df-8c1c-4242cb2ac841"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac822","type":"FormForm","tag":"form","classes":["07815991-952a-8d98-0e00-e4c25af270f1"],"children":["44d46ec0-93fb-e760-68a5-fd878950050c","021ac920-feec-bfca-4418-081f75436041"],"data":{"form":{"type":"form","name":"Form"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Form","name":"wf-form-Form","data-name":"Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"44d46ec0-93fb-e760-68a5-fd878950050c","type":"Block","tag":"div","classes":["f63bb6a2-63e2-a9dc-c224-7814759859a0"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac823","e053a9a0-b1ea-97df-8c1c-4242cb2ac827","e053a9a0-b1ea-97df-8c1c-4242cb2ac82b","e053a9a0-b1ea-97df-8c1c-4242cb2ac82f","e053a9a0-b1ea-97df-8c1c-4242cb2ac836"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac823","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac824","e053a9a0-b1ea-97df-8c1c-4242cb2ac826"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac824","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac825"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"First-Name","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac825","text":true,"v":"Text Input"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac826","type":"FormTextInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af2713a"],"children":[],"data":{"form":{"name":"First Name 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-2","data-name":"First Name 2","placeholder":"First Name","type":"text","id":"First-Name-2","disabled":false,"required":false}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac827","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac828","e053a9a0-b1ea-97df-8c1c-4242cb2ac82a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac828","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac829"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Message","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac829","text":true,"v":"Text Area"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82a","type":"FormTextarea","tag":"textarea","classes":["07815991-952a-8d98-0e00-e4c25af2713a","07815991-952a-8d98-0e00-e4c25af2716a"],"children":[],"data":{"form":{"name":"Message 2","type":"textarea"},"attr":{"id":"Message-2","name":"Message-2","maxlength":5000,"data-name":"Message 2","placeholder":"Message","required":false,"autofocus":false}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82b","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac82c","e053a9a0-b1ea-97df-8c1c-4242cb2ac82e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82c","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac82d"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Style-Select","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82d","text":true,"v":"Select field"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82e","type":"FormSelect","tag":"select","classes":["07815991-952a-8d98-0e00-e4c25af2713a","07815991-952a-8d98-0e00-e4c25af27169"],"children":[],"data":{"form":{"name":"Style Select 2","opts":[{"t":"Select one...","v":""},{"t":"First Choice","v":"First"},{"t":"Second Choice","v":"Second"},{"t":"Third Choice","v":"Third"}],"type":"select"},"attr":{"id":"Style-Select-2","name":"Style-Select-2","data-name":"Style Select 2","required":false,"multiple":false}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82f","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac830","e053a9a0-b1ea-97df-8c1c-4242cb2ac832"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac830","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac831"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac831","text":true,"v":"Checkbox field"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac832","type":"FormCheckboxWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af270e4"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac833","e053a9a0-b1ea-97df-8c1c-4242cb2ac834"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac833","type":"FormCheckboxInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af270e5"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","attr":{"type":"checkbox","name":"Checkbox-2","id":"Checkbox-2","data-name":"Checkbox 2","required":false,"checked":true}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac834","type":"FormInlineLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af270eb"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac835"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Checkbox","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac835","text":true,"v":"Checkbox"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac836","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac837","e053a9a0-b1ea-97df-8c1c-4242cb2ac839","b5d66e63-3d4d-5d31-6ebf-a55b547c7ae6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac837","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac838"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac838","text":true,"v":"Radio button"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac839","type":"FormRadioWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27164"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83a","e053a9a0-b1ea-97df-8c1c-4242cb2ac83b"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83a","type":"FormRadioInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af27136"],"children":[],"data":{"attr":{"id":"Radio-1","type":"radio","name":"Radio","value":"Radio 1","data-name":"Radio","required":false},"form":{"type":"radio-input","name":"Radio"},"inputType":"custom"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83b","type":"FormInlineLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27126"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83c"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83c","text":true,"v":"Radio"},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae6","type":"FormRadioWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27164"],"children":["b5d66e63-3d4d-5d31-6ebf-a55b547c7ae7","b5d66e63-3d4d-5d31-6ebf-a55b547c7ae8"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae7","type":"FormRadioInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af27136"],"children":[],"data":{"attr":{"id":"Radio-2-2","type":"radio","name":"Radio","value":"Radio 2","data-name":"Radio","required":false},"form":{"type":"radio-input","name":"Radio"},"inputType":"custom"}},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae8","type":"FormInlineLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27126"],"children":["b5d66e63-3d4d-5d31-6ebf-a55b547c7ae9"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae9","text":true,"v":"Radio"},{"_id":"021ac920-feec-bfca-4418-081f75436041","type":"Block","tag":"div","classes":["f63bb6a2-63e2-a9dc-c224-7814759859a0","377d8bf9-c4ae-622b-70f7-c566f531e97f"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83d","type":"FormButton","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af27158"],"children":[],"data":{"attr":{"type":"submit","value":"Add new row","data-wait":"Please wait..."},"form":{"type":"button"}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83e","type":"FormSuccessMessage","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27100"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83f","type":"Block","tag":"div","classes":[],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac840"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac840","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac841","type":"FormErrorMessage","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714c"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac842"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac842","type":"Block","tag":"div","classes":[],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac843"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac843","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af2714c","fake":false,"type":"class","name":"form_message-error","namespace":"","comb":"","styleLess":"margin-top: 0.75rem; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem;","variants":{},"children":[],"selector":null},{"_id":"307100a3-f385-0348-c389-fc2008e2fb0d","fake":false,"type":"class","name":"dropdown_form-block","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"top: 4rem; width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 93.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 93.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 93.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 93.33%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 5px 13px 0 hsla(0, 0.00%, 0.00%, 0.10);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270f1","fake":false,"type":"class","name":"form_form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2716a","fake":false,"type":"class","name":"is-text-area","namespace":"","comb":"&","styleLess":"min-height: 8rem; padding-top: 0.75rem;","variants":{},"children":[],"selector":null},{"_id":"c51e8dd5-9aac-58ce-55c9-bcc2a7bc0755","fake":false,"type":"class","name":"section_dropdown","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5d605a62-5952-9c8c-5071-d87af27c45ff","fake":false,"type":"class","name":"logo","namespace":"","comb":"","styleLess":"height: 40px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27158","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #2962ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{},"children":["07815991-952a-8d98-0e00-e4c25af27165","07815991-952a-8d98-0e00-e4c25af27167","07815991-952a-8d98-0e00-e4c25af27168","07815991-952a-8d98-0e00-e4c25af2716c","07815991-952a-8d98-0e00-e4c25af27170","07815991-952a-8d98-0e00-e4c25af27171","4158dc87-e55b-29b8-5373-2352c80ac44c"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27162","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"377d8bf9-c4ae-622b-70f7-c566f531e97f","fake":false,"type":"class","name":"is-bottom","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #eee;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27126","fake":false,"type":"class","name":"form_radio-label","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"bc1415df-1e27-5e4d-f987-3f8b6d03cdcb","fake":false,"type":"class","name":"icon","namespace":"","comb":"","styleLess":"position: static; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cbd54450-b647-d8ec-560e-2cd38472f513","fake":false,"type":"class","name":"spacer-small","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 1rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27169","fake":false,"type":"class","name":"is-select-input","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"4158dc87-e55b-29b8-5373-2352c80ac44c","fake":false,"type":"class","name":"is-dropdown","namespace":"","comb":"&","styleLess":"display: flex; margin-right: 0px; margin-left: 0px; flex-direction: row; justify-content: center; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2713a","fake":false,"type":"class","name":"form_input","namespace":"","comb":"","styleLess":"min-height: 3rem; margin-bottom: 0.75rem; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent;","variants":{},"children":["07815991-952a-8d98-0e00-e4c25af27169","07815991-952a-8d98-0e00-e4c25af2716a"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270eb","fake":false,"type":"class","name":"form_checkbox-label","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27142","fake":false,"type":"class","name":"heading-style-h2","namespace":"","comb":"","styleLess":"font-size: 3rem; line-height: 1.2; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 2rem;"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2712e","fake":false,"type":"class","name":"form_field-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"54a453df-6a04-aaa4-05aa-5e0ec6c35d3e","fake":false,"type":"class","name":"dropdown","namespace":"","comb":"","styleLess":"display: flex; width: 100%; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27134","fake":false,"type":"class","name":"form_label","namespace":"","comb":"","styleLess":"font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270e5","fake":false,"type":"class","name":"form_checkbox-icon","namespace":"","comb":"","styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; background-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00);","variants":{"main_redirected-checked":{"styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; border-top-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-right-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-bottom-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-left-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; background-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); background-size: 90%;"},"main_redirected-focus":{"styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; box-shadow: none;"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714f","fake":false,"type":"class","name":"form_component","namespace":"","comb":"","styleLess":"margin-bottom: 0rem;","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27136","fake":false,"type":"class","name":"form_radio-icon","namespace":"","comb":"","styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-left: 0rem;","variants":{"main_redirected-focus":{"styleLess":"width: 0.875rem; height: 0.875rem; box-shadow: 0 0 0.25rem 0rem rgba(56, 152, 236, 1);"},"main_redirected-checked":{"styleLess":"width: 0.875rem; height: 0.875rem; border-top-width: 0.25rem; border-top-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-right-width: 0.25rem; border-right-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-bottom-width: 0.25rem; border-bottom-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-left-width: 0.25rem; border-left-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00);"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2715e","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27106","fake":false,"type":"class","name":"container-small","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem; margin-right: auto; margin-left: auto;","variants":{},"children":["4304cbcd-8d79-05b8-6cbc-79d459a3ed67"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270e4","fake":false,"type":"class","name":"form_checkbox","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0.5rem; padding-left: 0rem; flex-direction: row; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"cbd54450-b647-d8ec-560e-2cd38472f519","fake":false,"type":"class","name":"spacer-large","namespace":"","comb":"","styleLess":"padding-top: 3rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27100","fake":false,"type":"class","name":"form_message-success","namespace":"","comb":"","styleLess":"padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem;","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27164","fake":false,"type":"class","name":"form_radio","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0.5rem; padding-left: 0rem; flex-direction: row; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"f63bb6a2-63e2-a9dc-c224-7814759859a0","fake":false,"type":"class","name":"form_section","namespace":"","comb":"","styleLess":"padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem;","variants":{},"children":["377d8bf9-c4ae-622b-70f7-c566f531e97f"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","siteId":"655b44bbc059a3c374dca023","width":956,"isHD":false,"height":190,"fileName":"655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full logo - black.svg","createdOn":"2023-11-20T12:16:20.286Z","origFileName":"653771c3e0d0179dc92b4c43_full logo - black.svg","fileHash":"d465e4825c2eaaf03ba9ff22647e3c9e","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","thumbUrl":"https://cdn.prod.website-files.com/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","_id":"655b4e1473021a4d4bf44d30","updatedOn":"2023-11-20T12:16:20.452Z","fileSize":27685,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"311d0ad0-75cf-a0e8-4587-ea9f3efcf0bf","type":"Block","tag":"div","classes":["c51e8dd5-9aac-58ce-55c9-bcc2a7bc0755"],"children":["e02ec36d-200f-2c13-cb6d-658941fb96ae"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e02ec36d-200f-2c13-cb6d-658941fb96ae","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d"],"children":["74455a55-9ab4-8497-329c-0e67250cd396"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"74455a55-9ab4-8497-329c-0e67250cd396","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27162"],"children":["da8ae094-b3e8-b3c9-b0f0-2418c092cdbf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da8ae094-b3e8-b3c9-b0f0-2418c092cdbf","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27106"],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5eb4","81fe4aeb-9d52-9314-cf24-325745452412"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5eb4","type":"Block","tag":"div","classes":[],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5eb5","6011da9d-f539-2080-ba20-f3bdeb1a5ebf","6011da9d-f539-2080-ba20-f3bdeb1a5ec0","6011da9d-f539-2080-ba20-f3bdeb1a5ec2","6011da9d-f539-2080-ba20-f3bdeb1a5ec3","e6ec9f77-d744-ee7c-b430-4ac8bec6ec8b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5eb5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715e"],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5eb6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5eb6","type":"Image","tag":"img","classes":["5d605a62-5952-9c8c-5071-d87af27c45ff"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit"},"img":{"id":"655b4e1473021a4d4bf44d30"}}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ebf","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f519"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec0","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27142"],"children":["6011da9d-f539-2080-ba20-f3bdeb1a5ec1"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec1","text":true,"v":"Dropdown Form UI"},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec2","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f513"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"6011da9d-f539-2080-ba20-f3bdeb1a5ec3","type":"Paragraph","tag":"p","classes":[],"children":["d10dd297-717b-870e-5d83-828e5d21896d"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d10dd297-717b-870e-5d83-828e5d21896d","text":true,"v":"Here's a free, cloneable form UI, built with Client-First, nested inside of a Webflow dropdown."},{"_id":"e6ec9f77-d744-ee7c-b430-4ac8bec6ec8b","type":"Block","tag":"div","classes":["cbd54450-b647-d8ec-560e-2cd38472f519"],"children":[],"data":{"tag":"div","text":false}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452412","type":"DropdownWrapper","tag":"div","classes":["54a453df-6a04-aaa4-05aa-5e0ec6c35d3e"],"children":["81fe4aeb-9d52-9314-cf24-325745452413","81fe4aeb-9d52-9314-cf24-325745452417"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452413","type":"DropdownToggle","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27158","4158dc87-e55b-29b8-5373-2352c80ac44c"],"children":["81fe4aeb-9d52-9314-cf24-325745452415","81fe4aeb-9d52-9314-cf24-325745452414"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452415","type":"Block","tag":"div","classes":[],"children":["81fe4aeb-9d52-9314-cf24-325745452416"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452416","text":true,"v":"Add new row"},{"_id":"81fe4aeb-9d52-9314-cf24-325745452414","type":"Icon","tag":"div","classes":["bc1415df-1e27-5e4d-f987-3f8b6d03cdcb"],"children":[],"data":{"widget":{"type":"icon","icon":"dropdown-toggle"},"search":{"exclude":true}}},{"_id":"81fe4aeb-9d52-9314-cf24-325745452417","type":"DropdownList","tag":"nav","classes":["307100a3-f385-0348-c389-fc2008e2fb0d"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac821"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac821","type":"FormWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714f"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac822","e053a9a0-b1ea-97df-8c1c-4242cb2ac83e","e053a9a0-b1ea-97df-8c1c-4242cb2ac841"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac822","type":"FormForm","tag":"form","classes":["07815991-952a-8d98-0e00-e4c25af270f1"],"children":["44d46ec0-93fb-e760-68a5-fd878950050c","021ac920-feec-bfca-4418-081f75436041"],"data":{"form":{"type":"form","name":"Form"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Form","name":"wf-form-Form","data-name":"Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"44d46ec0-93fb-e760-68a5-fd878950050c","type":"Block","tag":"div","classes":["f63bb6a2-63e2-a9dc-c224-7814759859a0"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac823","e053a9a0-b1ea-97df-8c1c-4242cb2ac827","e053a9a0-b1ea-97df-8c1c-4242cb2ac82b","e053a9a0-b1ea-97df-8c1c-4242cb2ac82f","e053a9a0-b1ea-97df-8c1c-4242cb2ac836"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac823","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac824","e053a9a0-b1ea-97df-8c1c-4242cb2ac826"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac824","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac825"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"First-Name","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac825","text":true,"v":"Text Input"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac826","type":"FormTextInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af2713a"],"children":[],"data":{"form":{"name":"First Name 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-2","data-name":"First Name 2","placeholder":"First Name","type":"text","id":"First-Name-2","disabled":false,"required":false}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac827","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac828","e053a9a0-b1ea-97df-8c1c-4242cb2ac82a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac828","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac829"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Message","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac829","text":true,"v":"Text Area"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82a","type":"FormTextarea","tag":"textarea","classes":["07815991-952a-8d98-0e00-e4c25af2713a","07815991-952a-8d98-0e00-e4c25af2716a"],"children":[],"data":{"form":{"name":"Message 2","type":"textarea"},"attr":{"id":"Message-2","name":"Message-2","maxlength":5000,"data-name":"Message 2","placeholder":"Message","required":false,"autofocus":false}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82b","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac82c","e053a9a0-b1ea-97df-8c1c-4242cb2ac82e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82c","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac82d"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Style-Select","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82d","text":true,"v":"Select field"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82e","type":"FormSelect","tag":"select","classes":["07815991-952a-8d98-0e00-e4c25af2713a","07815991-952a-8d98-0e00-e4c25af27169"],"children":[],"data":{"form":{"name":"Style Select 2","opts":[{"t":"Select one...","v":""},{"t":"First Choice","v":"First"},{"t":"Second Choice","v":"Second"},{"t":"Third Choice","v":"Third"}],"type":"select"},"attr":{"id":"Style-Select-2","name":"Style-Select-2","data-name":"Style Select 2","required":false,"multiple":false}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac82f","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac830","e053a9a0-b1ea-97df-8c1c-4242cb2ac832"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac830","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac831"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac831","text":true,"v":"Checkbox field"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac832","type":"FormCheckboxWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af270e4"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac833","e053a9a0-b1ea-97df-8c1c-4242cb2ac834"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac833","type":"FormCheckboxInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af270e5"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","attr":{"type":"checkbox","name":"Checkbox-2","id":"Checkbox-2","data-name":"Checkbox 2","required":false,"checked":true}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac834","type":"FormInlineLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af270eb"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac835"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Checkbox","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac835","text":true,"v":"Checkbox"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac836","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2712e"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac837","e053a9a0-b1ea-97df-8c1c-4242cb2ac839","b5d66e63-3d4d-5d31-6ebf-a55b547c7ae6"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac837","type":"FormBlockLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27134"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac838"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"email","id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac838","text":true,"v":"Radio button"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac839","type":"FormRadioWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27164"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83a","e053a9a0-b1ea-97df-8c1c-4242cb2ac83b"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83a","type":"FormRadioInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af27136"],"children":[],"data":{"attr":{"id":"Radio-1","type":"radio","name":"Radio","value":"Radio 1","data-name":"Radio","required":false},"form":{"type":"radio-input","name":"Radio"},"inputType":"custom"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83b","type":"FormInlineLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27126"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83c"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83c","text":true,"v":"Radio"},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae6","type":"FormRadioWrapper","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27164"],"children":["b5d66e63-3d4d-5d31-6ebf-a55b547c7ae7","b5d66e63-3d4d-5d31-6ebf-a55b547c7ae8"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae7","type":"FormRadioInput","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af27136"],"children":[],"data":{"attr":{"id":"Radio-2-2","type":"radio","name":"Radio","value":"Radio 2","data-name":"Radio","required":false},"form":{"type":"radio-input","name":"Radio"},"inputType":"custom"}},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae8","type":"FormInlineLabel","tag":"label","classes":["07815991-952a-8d98-0e00-e4c25af27126"],"children":["b5d66e63-3d4d-5d31-6ebf-a55b547c7ae9"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b5d66e63-3d4d-5d31-6ebf-a55b547c7ae9","text":true,"v":"Radio"},{"_id":"021ac920-feec-bfca-4418-081f75436041","type":"Block","tag":"div","classes":["f63bb6a2-63e2-a9dc-c224-7814759859a0","377d8bf9-c4ae-622b-70f7-c566f531e97f"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83d","type":"FormButton","tag":"input","classes":["07815991-952a-8d98-0e00-e4c25af27158"],"children":[],"data":{"attr":{"type":"submit","value":"Add new row","data-wait":"Please wait..."},"form":{"type":"button"}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83e","type":"FormSuccessMessage","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27100"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac83f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac83f","type":"Block","tag":"div","classes":[],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac840"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac840","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac841","type":"FormErrorMessage","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714c"],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac842"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac842","type":"Block","tag":"div","classes":[],"children":["e053a9a0-b1ea-97df-8c1c-4242cb2ac843"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e053a9a0-b1ea-97df-8c1c-4242cb2ac843","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af2714c","fake":false,"type":"class","name":"form_message-error","namespace":"","comb":"","styleLess":"margin-top: 0.75rem; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem;","variants":{},"children":[],"selector":null},{"_id":"307100a3-f385-0348-c389-fc2008e2fb0d","fake":false,"type":"class","name":"dropdown_form-block","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"top: 4rem; width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 93.33%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 93.33%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 93.33%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 93.33%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 5px 13px 0 hsla(0, 0.00%, 0.00%, 0.10);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270f1","fake":false,"type":"class","name":"form_form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2716a","fake":false,"type":"class","name":"is-text-area","namespace":"","comb":"&","styleLess":"min-height: 8rem; padding-top: 0.75rem;","variants":{},"children":[],"selector":null},{"_id":"c51e8dd5-9aac-58ce-55c9-bcc2a7bc0755","fake":false,"type":"class","name":"section_dropdown","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5d605a62-5952-9c8c-5071-d87af27c45ff","fake":false,"type":"class","name":"logo","namespace":"","comb":"","styleLess":"height: 40px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27158","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #2962ff; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 600; text-align: center;","variants":{},"children":["07815991-952a-8d98-0e00-e4c25af27165","07815991-952a-8d98-0e00-e4c25af27167","07815991-952a-8d98-0e00-e4c25af27168","07815991-952a-8d98-0e00-e4c25af2716c","07815991-952a-8d98-0e00-e4c25af27170","07815991-952a-8d98-0e00-e4c25af27171","4158dc87-e55b-29b8-5373-2352c80ac44c"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27162","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"","styleLess":"padding-top: 5rem; padding-bottom: 5rem;","variants":{"medium":{"styleLess":"padding-top: 4rem; padding-bottom: 4rem;"},"small":{"styleLess":"padding-top: 3rem; padding-bottom: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"377d8bf9-c4ae-622b-70f7-c566f531e97f","fake":false,"type":"class","name":"is-bottom","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #eee;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27126","fake":false,"type":"class","name":"form_radio-label","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"bc1415df-1e27-5e4d-f987-3f8b6d03cdcb","fake":false,"type":"class","name":"icon","namespace":"","comb":"","styleLess":"position: static; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cbd54450-b647-d8ec-560e-2cd38472f513","fake":false,"type":"class","name":"spacer-small","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 1rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27169","fake":false,"type":"class","name":"is-select-input","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"4158dc87-e55b-29b8-5373-2352c80ac44c","fake":false,"type":"class","name":"is-dropdown","namespace":"","comb":"&","styleLess":"display: flex; margin-right: 0px; margin-left: 0px; flex-direction: row; justify-content: center; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2713a","fake":false,"type":"class","name":"form_input","namespace":"","comb":"","styleLess":"min-height: 3rem; margin-bottom: 0.75rem; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent;","variants":{},"children":["07815991-952a-8d98-0e00-e4c25af27169","07815991-952a-8d98-0e00-e4c25af2716a"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270eb","fake":false,"type":"class","name":"form_checkbox-label","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27142","fake":false,"type":"class","name":"heading-style-h2","namespace":"","comb":"","styleLess":"font-size: 3rem; line-height: 1.2; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 2rem;"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2712e","fake":false,"type":"class","name":"form_field-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"54a453df-6a04-aaa4-05aa-5e0ec6c35d3e","fake":false,"type":"class","name":"dropdown","namespace":"","comb":"","styleLess":"display: flex; width: 100%; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27134","fake":false,"type":"class","name":"form_label","namespace":"","comb":"","styleLess":"font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270e5","fake":false,"type":"class","name":"form_checkbox-icon","namespace":"","comb":"","styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; background-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00);","variants":{"main_redirected-checked":{"styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; border-top-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-right-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-bottom-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-left-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; background-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); background-size: 90%;"},"main_redirected-focus":{"styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-bottom: 0rem; margin-left: 0rem; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; box-shadow: none;"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714f","fake":false,"type":"class","name":"form_component","namespace":"","comb":"","styleLess":"margin-bottom: 0rem;","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27136","fake":false,"type":"class","name":"form_radio-icon","namespace":"","comb":"","styleLess":"width: 0.875rem; height: 0.875rem; margin-top: 0rem; margin-right: 0.5rem; margin-left: 0rem;","variants":{"main_redirected-focus":{"styleLess":"width: 0.875rem; height: 0.875rem; box-shadow: 0 0 0.25rem 0rem rgba(56, 152, 236, 1);"},"main_redirected-checked":{"styleLess":"width: 0.875rem; height: 0.875rem; border-top-width: 0.25rem; border-top-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-right-width: 0.25rem; border-right-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-bottom-width: 0.25rem; border-bottom-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00); border-left-width: 0.25rem; border-left-color: hsla(223.8139534883721, 100.00%, 57.84%, 1.00);"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2715e","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27106","fake":false,"type":"class","name":"container-small","namespace":"","comb":"","styleLess":"width: 100%; max-width: 48rem; margin-right: auto; margin-left: auto;","variants":{},"children":["4304cbcd-8d79-05b8-6cbc-79d459a3ed67"],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270e4","fake":false,"type":"class","name":"form_checkbox","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0.5rem; padding-left: 0rem; flex-direction: row; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"cbd54450-b647-d8ec-560e-2cd38472f519","fake":false,"type":"class","name":"spacer-large","namespace":"","comb":"","styleLess":"padding-top: 3rem;","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27100","fake":false,"type":"class","name":"form_message-success","namespace":"","comb":"","styleLess":"padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem;","variants":{},"children":[],"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27164","fake":false,"type":"class","name":"form_radio","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0.5rem; padding-left: 0rem; flex-direction: row; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"f63bb6a2-63e2-a9dc-c224-7814759859a0","fake":false,"type":"class","name":"form_section","namespace":"","comb":"","styleLess":"padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem;","variants":{},"children":["377d8bf9-c4ae-622b-70f7-c566f531e97f"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","siteId":"655b44bbc059a3c374dca023","width":956,"isHD":false,"height":190,"fileName":"655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full logo - black.svg","createdOn":"2023-11-20T12:16:20.286Z","origFileName":"653771c3e0d0179dc92b4c43_full logo - black.svg","fileHash":"d465e4825c2eaaf03ba9ff22647e3c9e","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","thumbUrl":"https://cdn.prod.website-files.com/655b44bbc059a3c374dca023/655b4e1473021a4d4bf44d30_653771c3e0d0179dc92b4c43_full%20logo%20-%20black.svg","_id":"655b4e1473021a4d4bf44d30","updatedOn":"2023-11-20T12:16:20.452Z","fileSize":27685,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
Über diese Komponente
AI-generiert
Komponentenbeschreibung (von AI generiert)
The Dropdown Form UI is a sleek and user-friendly component designed to enhance website interactivity by allowing users to submit forms through a dropdown interface. It is easily cloneable and integrates seamlessly into existing Webflow projects.
Wesentliche Merkmale:
- Cloneable and easy to integrate
- Built with Client-First methodology
- Includes various input types: text fields, text areas, checkboxes, and radio buttons
- Responsive Design für verschiedene Geräte geeignet
- Erfolgs- und Fehlermeldungen für Benutzer-Feedback
Gestaltungselemente:
- Modern and clean visual style
- Color scheme primarily featuring white backgrounds with blue accents
- Rounded corners and subtle shadows for depth
- Consistent padding and spacing for a polished look
Potenzielle Anwendungsfälle:
- Contact forms for businesses
- Feedback collection for websites
- Event registration forms
- Newsletter sign-up forms
- User surveys and polls
Conclusion: The Dropdown Form UI is a versatile and visually appealing component that can significantly improve user experience on any website, making it an excellent choice for various applications.
Mit dem Bau beginnen
Bauen Sie Ihre Träume
Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.