Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Profil Dropdown
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63a3","type":"DropdownWrapper","tag":"div","classes":[],"children":["93e809f0-cd0a-0b76-36e3-01f46fba63a4","93e809f0-cd0a-0b76-36e3-01f46fba63a8"],"data":{"search":{"exclude":true},"xattr":[{"name":"data-ms-content","value":"members"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63a4","type":"DropdownToggle","tag":"div","classes":["c72050bf-e524-f8f7-0cad-6501f85dc63c"],"children":["2731663e-981d-2017-7b8d-7b9baf0d6417","dd933e76-fbf1-ba97-c9e5-c05a35d81f58","705007c8-0b02-eb00-6e41-3ec34e429163"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2731663e-981d-2017-7b8d-7b9baf0d6417","type":"Image","tag":"img","classes":["59ba30f2-8db5-d0cf-d298-bfca863180e6"],"children":[],"data":{"img":{"id":"655b5e0709169e9616ea5c41"},"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"src":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","loading":"auto","width":"auto","height":"auto","alt":"","id":""},"visibility":{"conditions":[]}}},{"_id":"dd933e76-fbf1-ba97-c9e5-c05a35d81f58","type":"Block","tag":"div","classes":["d09d10f1-8bba-a6c6-d514-33990835fbfe"],"children":["da597310-1ab7-381e-094e-ea586df1e1ad","60eab8ee-50ef-d569-8693-c68909590ea9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1ad","type":"Block","tag":"div","classes":["db292b8b-2926-c9d3-4821-56487db8ba7e"],"children":["da597310-1ab7-381e-094e-ea586df1e1ae","da597310-1ab7-381e-094e-ea586df1e1b0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1ae","type":"Block","tag":"div","classes":[],"children":["da597310-1ab7-381e-094e-ea586df1e1af"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1af","text":true,"v":"First"},{"_id":"da597310-1ab7-381e-094e-ea586df1e1b0","type":"Block","tag":"div","classes":[],"children":["da597310-1ab7-381e-094e-ea586df1e1b1"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1b1","text":true,"v":"Last"},{"_id":"60eab8ee-50ef-d569-8693-c68909590ea9","type":"Block","tag":"div","classes":["41c38bdc-61fd-f8a9-5885-05b0d2dfb6ab"],"children":["60eab8ee-50ef-d569-8693-c68909590eaa"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"email"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"60eab8ee-50ef-d569-8693-c68909590eaa","text":true,"v":"email@email.com"},{"_id":"705007c8-0b02-eb00-6e41-3ec34e429163","type":"Block","tag":"div","classes":["664b9f17-a48c-5f64-d87e-2b1573e5fd1c"],"children":["4627607f-c379-b6ea-6a25-5b35fa81323f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4627607f-c379-b6ea-6a25-5b35fa81323f","type":"HtmlEmbed","tag":"div","classes":["e5553d12-9f71-0903-18e0-0685c8fc8697"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"></path></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63a8","type":"DropdownList","tag":"nav","classes":["db37bba3-b5a8-efd3-8ad2-aa0f90bd8312"],"children":["a2451918-afde-505d-5e7f-dd6389274f84","cba2206e-cd64-d10b-a7fd-78d33dcc7f38","8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff3","93e809f0-cd0a-0b76-36e3-01f46fba63ab","93e809f0-cd0a-0b76-36e3-01f46fba63ad"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"a2451918-afde-505d-5e7f-dd6389274f84","type":"Link","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["0b06fd75-69fc-3ed2-8209-b093ffc46add","2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b6"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"0b06fd75-69fc-3ed2-8209-b093ffc46add","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","loading":"lazy","width":"16","height":"auto","alt":""},"img":{"id":"655b5e0709169e9616ea5c3a"}}},{"_id":"2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b6","type":"Block","tag":"div","classes":[],"children":["2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b7","text":true,"v":"Update Image"},{"_id":"cba2206e-cd64-d10b-a7fd-78d33dcc7f38","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["cba2206e-cd64-d10b-a7fd-78d33dcc7f39"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external","url":"#"}}},{"_id":"cba2206e-cd64-d10b-a7fd-78d33dcc7f39","text":true,"v":"My Profile"},{"_id":"8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff3","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff4","text":true,"v":"Upgrade"},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ab","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["93e809f0-cd0a-0b76-36e3-01f46fba63ac"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"customer-portal"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external","url":"#"}}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ac","text":true,"v":"Billing"},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ad","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["93e809f0-cd0a-0b76-36e3-01f46fba63ae"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"logout"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external","url":"#"}}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ae","text":true,"v":"Logout"}],"styles":[{"_id":"e5553d12-9f71-0903-18e0-0685c8fc8697","fake":false,"type":"class","name":"ms-profile-icon","namespace":"","comb":"","styleLess":"position: relative; top: -2px; display: flex; min-height: 2.2em; min-width: 2.2em; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"db37bba3-b5a8-efd3-8ad2-aa0f90bd8312","fake":false,"type":"class","name":"ms-dropdown-menu","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"top: 100%; right: 0px; width: 200px; max-width: 200px; min-width: 200px; padding-top: 0.5em; padding-bottom: 0.5em; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 88.11%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 88.11%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 88.11%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 88.11%, 1.00); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"59ba30f2-8db5-d0cf-d298-bfca863180e6","fake":false,"type":"class","name":"ms-dropdown-image","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 2.7em; height: 2.7em; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 88.24%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 88.24%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 88.24%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 88.24%, 1.00); border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; background-color: hsla(247.05882352941174, 87.18%, 30.59%, 0.20); object-fit: cover;","variants":{"main_hover":{"styleLess":"background-color: hsla(48.57142857142857, 100.00%, 50.59%, 1.00);"},"small":{"styleLess":"width: 2em; height: 2em;"}},"children":["cafc27cd-55b9-43a1-e8e8-cf6ca7158da7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4957d26f-8513-f4a3-5b4e-a2f1f84cefed","fake":false,"type":"class","name":"ms-dropdown-link","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1.5em; grid-column-gap: 0.5em; grid-row-gap: 0.5em; color: hsla(354.54545454545456, 5.64%, 26.04%, 1.00);","variants":{"main_hover":{"styleLess":"color: black;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"db292b8b-2926-c9d3-4821-56487db8ba7e","fake":false,"type":"class","name":"ms-dropdown-name","namespace":"","comb":"","styleLess":"display: flex; margin-left: 0px; padding-left: 0px; grid-column-gap: 3px; grid-row-gap: 3px; font-weight: 700;","variants":{},"children":["0f1eff38-be56-1136-839a-73f66e30d3b6"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"664b9f17-a48c-5f64-d87e-2b1573e5fd1c","fake":false,"type":"class","name":"ms-profile-svg-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 1em; height: 1em; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d09d10f1-8bba-a6c6-d514-33990835fbfe","fake":false,"type":"class","name":"ms-dropdown-text","namespace":"","comb":"","styleLess":"color: hsla(354.54545454545456, 5.64%, 26.04%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c72050bf-e524-f8f7-0cad-6501f85dc63c","fake":false,"type":"class","name":"ms-profile-dropdown","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 1em; align-items: center; grid-column-gap: 1em; grid-row-gap: 1em; color: hsla(354.54545454545456, 3.72%, 62.04%, 1.00); font-size: 14px; line-height: 1.4em;","variants":{"main_hover":{"styleLess":"color: black;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"41c38bdc-61fd-f8a9-5885-05b0d2dfb6ab","fake":false,"type":"class","name":"ms-dropdown-email","namespace":"","comb":"","styleLess":"font-size: 0.8em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","siteId":"655b5e0709169e9616ea5c33","width":80,"isHD":false,"height":80,"fileName":"655b5e0709169e9616ea5c41_transparent white profile image.svg","createdOn":"2023-11-16T13:33:08.326Z","origFileName":"transparent white profile image.svg","fileHash":"d33cc49f4e8151fc22c748911b94c9ed","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","thumbUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","_id":"655b5e0709169e9616ea5c41","updatedOn":"2023-11-20T13:24:23.674Z","fileSize":294,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","siteId":"655b5e0709169e9616ea5c33","width":24,"isHD":false,"height":24,"fileName":"655b5e0709169e9616ea5c3a_file_upload_black_24dp (1).svg","createdOn":"2023-09-27T15:24:40.482Z","origFileName":"file_upload_black_24dp (1).svg","fileHash":"a1a79f9142435383b86c6c42c5cb269c","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","_id":"655b5e0709169e9616ea5c3a","updatedOn":"2023-11-20T13:24:23.717Z","fileSize":452,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63a3","type":"DropdownWrapper","tag":"div","classes":[],"children":["93e809f0-cd0a-0b76-36e3-01f46fba63a4","93e809f0-cd0a-0b76-36e3-01f46fba63a8"],"data":{"search":{"exclude":true},"xattr":[{"name":"data-ms-content","value":"members"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63a4","type":"DropdownToggle","tag":"div","classes":["c72050bf-e524-f8f7-0cad-6501f85dc63c"],"children":["2731663e-981d-2017-7b8d-7b9baf0d6417","dd933e76-fbf1-ba97-c9e5-c05a35d81f58","705007c8-0b02-eb00-6e41-3ec34e429163"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2731663e-981d-2017-7b8d-7b9baf0d6417","type":"Image","tag":"img","classes":["59ba30f2-8db5-d0cf-d298-bfca863180e6"],"children":[],"data":{"img":{"id":"655b5e0709169e9616ea5c41"},"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"src":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","loading":"auto","width":"auto","height":"auto","alt":"","id":""},"visibility":{"conditions":[]}}},{"_id":"dd933e76-fbf1-ba97-c9e5-c05a35d81f58","type":"Block","tag":"div","classes":["d09d10f1-8bba-a6c6-d514-33990835fbfe"],"children":["da597310-1ab7-381e-094e-ea586df1e1ad","60eab8ee-50ef-d569-8693-c68909590ea9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1ad","type":"Block","tag":"div","classes":["db292b8b-2926-c9d3-4821-56487db8ba7e"],"children":["da597310-1ab7-381e-094e-ea586df1e1ae","da597310-1ab7-381e-094e-ea586df1e1b0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1ae","type":"Block","tag":"div","classes":[],"children":["da597310-1ab7-381e-094e-ea586df1e1af"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1af","text":true,"v":"First"},{"_id":"da597310-1ab7-381e-094e-ea586df1e1b0","type":"Block","tag":"div","classes":[],"children":["da597310-1ab7-381e-094e-ea586df1e1b1"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"da597310-1ab7-381e-094e-ea586df1e1b1","text":true,"v":"Last"},{"_id":"60eab8ee-50ef-d569-8693-c68909590ea9","type":"Block","tag":"div","classes":["41c38bdc-61fd-f8a9-5885-05b0d2dfb6ab"],"children":["60eab8ee-50ef-d569-8693-c68909590eaa"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"email"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"60eab8ee-50ef-d569-8693-c68909590eaa","text":true,"v":"email@email.com"},{"_id":"705007c8-0b02-eb00-6e41-3ec34e429163","type":"Block","tag":"div","classes":["664b9f17-a48c-5f64-d87e-2b1573e5fd1c"],"children":["4627607f-c379-b6ea-6a25-5b35fa81323f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4627607f-c379-b6ea-6a25-5b35fa81323f","type":"HtmlEmbed","tag":"div","classes":["e5553d12-9f71-0903-18e0-0685c8fc8697"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ic\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z\"></path></svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"}}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63a8","type":"DropdownList","tag":"nav","classes":["db37bba3-b5a8-efd3-8ad2-aa0f90bd8312"],"children":["a2451918-afde-505d-5e7f-dd6389274f84","cba2206e-cd64-d10b-a7fd-78d33dcc7f38","8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff3","93e809f0-cd0a-0b76-36e3-01f46fba63ab","93e809f0-cd0a-0b76-36e3-01f46fba63ad"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"a2451918-afde-505d-5e7f-dd6389274f84","type":"Link","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["0b06fd75-69fc-3ed2-8209-b093ffc46add","2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b6"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"0b06fd75-69fc-3ed2-8209-b093ffc46add","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","loading":"lazy","width":"16","height":"auto","alt":""},"img":{"id":"655b5e0709169e9616ea5c3a"}}},{"_id":"2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b6","type":"Block","tag":"div","classes":[],"children":["2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2df1003c-0652-6fbf-8a8a-e1b1b4b0d3b7","text":true,"v":"Update Image"},{"_id":"cba2206e-cd64-d10b-a7fd-78d33dcc7f38","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["cba2206e-cd64-d10b-a7fd-78d33dcc7f39"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external","url":"#"}}},{"_id":"cba2206e-cd64-d10b-a7fd-78d33dcc7f39","text":true,"v":"My Profile"},{"_id":"8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff3","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"8f50fcf3-6a2a-9d7e-19ae-c0b5fce14ff4","text":true,"v":"Upgrade"},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ab","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["93e809f0-cd0a-0b76-36e3-01f46fba63ac"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"customer-portal"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external","url":"#"}}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ac","text":true,"v":"Billing"},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ad","type":"DropdownLink","tag":"a","classes":["4957d26f-8513-f4a3-5b4e-a2f1f84cefed"],"children":["93e809f0-cd0a-0b76-36e3-01f46fba63ae"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"logout"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"link"},"attr":{"id":""},"visibility":{"conditions":[]},"link":{"mode":"external","url":"#"}}},{"_id":"93e809f0-cd0a-0b76-36e3-01f46fba63ae","text":true,"v":"Logout"}],"styles":[{"_id":"e5553d12-9f71-0903-18e0-0685c8fc8697","fake":false,"type":"class","name":"ms-profile-icon","namespace":"","comb":"","styleLess":"position: relative; top: -2px; display: flex; min-height: 2.2em; min-width: 2.2em; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"db37bba3-b5a8-efd3-8ad2-aa0f90bd8312","fake":false,"type":"class","name":"ms-dropdown-menu","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"top: 100%; right: 0px; width: 200px; max-width: 200px; min-width: 200px; padding-top: 0.5em; padding-bottom: 0.5em; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 88.11%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 88.11%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 88.11%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 88.11%, 1.00); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"59ba30f2-8db5-d0cf-d298-bfca863180e6","fake":false,"type":"class","name":"ms-dropdown-image","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; width: 2.7em; height: 2.7em; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 88.24%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 88.24%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 88.24%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 88.24%, 1.00); border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; background-color: hsla(247.05882352941174, 87.18%, 30.59%, 0.20); object-fit: cover;","variants":{"main_hover":{"styleLess":"background-color: hsla(48.57142857142857, 100.00%, 50.59%, 1.00);"},"small":{"styleLess":"width: 2em; height: 2em;"}},"children":["cafc27cd-55b9-43a1-e8e8-cf6ca7158da7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4957d26f-8513-f4a3-5b4e-a2f1f84cefed","fake":false,"type":"class","name":"ms-dropdown-link","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1.5em; grid-column-gap: 0.5em; grid-row-gap: 0.5em; color: hsla(354.54545454545456, 5.64%, 26.04%, 1.00);","variants":{"main_hover":{"styleLess":"color: black;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"db292b8b-2926-c9d3-4821-56487db8ba7e","fake":false,"type":"class","name":"ms-dropdown-name","namespace":"","comb":"","styleLess":"display: flex; margin-left: 0px; padding-left: 0px; grid-column-gap: 3px; grid-row-gap: 3px; font-weight: 700;","variants":{},"children":["0f1eff38-be56-1136-839a-73f66e30d3b6"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"664b9f17-a48c-5f64-d87e-2b1573e5fd1c","fake":false,"type":"class","name":"ms-profile-svg-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 1em; height: 1em; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d09d10f1-8bba-a6c6-d514-33990835fbfe","fake":false,"type":"class","name":"ms-dropdown-text","namespace":"","comb":"","styleLess":"color: hsla(354.54545454545456, 5.64%, 26.04%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c72050bf-e524-f8f7-0cad-6501f85dc63c","fake":false,"type":"class","name":"ms-profile-dropdown","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 1em; align-items: center; grid-column-gap: 1em; grid-row-gap: 1em; color: hsla(354.54545454545456, 3.72%, 62.04%, 1.00); font-size: 14px; line-height: 1.4em;","variants":{"main_hover":{"styleLess":"color: black;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"41c38bdc-61fd-f8a9-5885-05b0d2dfb6ab","fake":false,"type":"class","name":"ms-dropdown-email","namespace":"","comb":"","styleLess":"font-size: 0.8em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","siteId":"655b5e0709169e9616ea5c33","width":80,"isHD":false,"height":80,"fileName":"655b5e0709169e9616ea5c41_transparent white profile image.svg","createdOn":"2023-11-16T13:33:08.326Z","origFileName":"transparent white profile image.svg","fileHash":"d33cc49f4e8151fc22c748911b94c9ed","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","thumbUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c41_transparent%20white%20profile%20image.svg","_id":"655b5e0709169e9616ea5c41","updatedOn":"2023-11-20T13:24:23.674Z","fileSize":294,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","siteId":"655b5e0709169e9616ea5c33","width":24,"isHD":false,"height":24,"fileName":"655b5e0709169e9616ea5c3a_file_upload_black_24dp (1).svg","createdOn":"2023-09-27T15:24:40.482Z","origFileName":"file_upload_black_24dp (1).svg","fileHash":"a1a79f9142435383b86c6c42c5cb269c","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/655b5e0709169e9616ea5c33/655b5e0709169e9616ea5c3a_file_upload_black_24dp%20(1).svg","_id":"655b5e0709169e9616ea5c3a","updatedOn":"2023-11-20T13:24:23.717Z","fileSize":452,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

The Profile Dropdown is a navbar-ready component designed to provide users with quick access to their profile options in a sleek and organized manner.

Wesentliche Merkmale:

  • Dropdown menu for user profile options
  • Includes profile image, name, and email display
  • Links for updating profile, billing, and logout
  • Responsive design suitable for various screen sizes

Gestaltungselemente:

  • Minimalistic and modern visual style
  • Soft color palette with a white background
  • Circular profile image with a border
  • Hover effects for dropdown links

Potenzielle Anwendungsfälle:

  • Web applications with user accounts
  • E-commerce platforms for customer account management
  • Social media websites for user profile access
  • Content management systems for user settings

Conclusion: The Profile Dropdown is a versatile and user-friendly component that enhances navigation and user experience, making it ideal for any web application requiring user account management.

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.