UI MarCom 3

Footer Stable Dark theme

The bottom edge of the site or application.

<uimc-footer>
  <uimc-sitemap slot="sitemap"></uimc-sitemap>
  <uimc-footer-column slot="social-links">
    <uimc-social-links></uimc-social-links>
  </uimc-footer-column>
  <uimc-footer-column slot="subscribe">
    <uimc-subscribe></uimc-subscribe>
  </uimc-footer-column>
  <uimc-legal-links slot="legal-links"></uimc-legal-links>
</uimc-footer>

AttributeDescriptionValuesDefault
themeSet the color scheme of the componentlight, gray, darklight

SlotSlotted content
sitemapAdd a <uimc-sitemap> to lists subpages of the website
social-linksSlot a <uimc-footer-column> with <uimc-social-links> to refer to social media platforms
subscribeSlot a <uimc-footer-column> with a <uimc-subscribe> to show a call-to-action
legal-linksUse <uimc-legal-links> at the bottom for e.g. copyright
<uimc-footer >
  <uimc-legal-links 
    slot="legal-links"
    company="Siemens Healthcare GmbH ©2022"
    links='[{"url": "/corporate-info", "label": "Corporate Information"}, {"url": "/siemens-website-privacy-policy", "label": "Privacy Policy"}, {"url": "/cookie", "label": "Cookie Policy"}, {"url": "/terms-of-use", "label": "Terms of Use"}]'
  ></uimc-legal-links>
</uimc-footer>
<uimc-footer >
  <uimc-sitemap slot="sitemap"
    data='[{"titel":"Products & Services", "link":"#", "items":[{"label":"Medical Imaging", "link":"#"},{"label":"Ultrasound", "link":"#"},{"label":"Laboratory Diagnostics", "link":"#"}]},
          {"titel":"Support & Documentation", "link":"#", "items":[{"label":"Document Library (SDS, IFU, etc.)", "link":"#", "isExternal": true},{"label":"Education & Training", "link":"#"},{"label":"LifeNet", "link":"#"}]},
          {"titel":"Insights", "link":"#", "items":[{"label":"Expanding Precision Medicine", "link":"#"},{"label":"Improving Patient Experience", "link":"#"},{"label":"Transforming Care Delivery", "link":"#"}]},
          {"titel":"About Us", "link":"#", "items":[{"label":"About Siemens Healthineers", "link":"#"},{"label":"Conference & Events", "link":"#"},{"label":"News & Stories", "link":"#"}]}]'>
  </uimc-sitemap>
  <uimc-footer-column
    slot="social-links"
    title="Connect"
  >
    <uimc-social-links 
      items='[
        {"title":"Twitter", "url":"https://twitter.com/SiemensHealth"},
        {"title":"Instagram", "url":"https://www.instagram.com/siemens.healthineers/"},
        {"title":"Linkedin", "url":"https://www.linkedin.com/company/siemens-healthineers"}
      ]'
    >
    </uimc-social-links>
  </uimc-footer-column>
  <uimc-footer-column
    slot="subscribe"
    title="Newsletter"
  >
    <uimc-subscribe
      url="https://www.siemens-healthineers.com/newsletter"
      label="Subscribe"
    ></uimc-subscribe>
  </uimc-footer-column>
  <uimc-legal-links 
    slot="legal-links"
    company="Siemens Healthcare GmbH ©2022"
    links='[{"url": "/corporate-info", "label": "Corporate Information"}, {"url": "/siemens-website-privacy-policy", "label": "Privacy Policy"}, {"url": "/cookie", "label": "Cookie Policy"}, {"url": "/terms-of-use", "label": "Terms of Use"}]'
  ></uimc-legal-links>
</uimc-footer>

Dark theme

<uimc-footer theme="dark">
  <uimc-sitemap slot="sitemap"
    data='[{"titel":"Products & Services", "link":"#", "items":[{"label":"Medical Imaging", "link":"#"},{"label":"Ultrasound", "link":"#"},{"label":"Laboratory Diagnostics", "link":"#"}]},
          {"titel":"Support & Documentation", "link":"#", "items":[{"label":"Document Library (SDS, IFU, etc.)", "link":"#", "isExternal": true},{"label":"Education & Training", "link":"#"},{"label":"LifeNet", "link":"#"}]},
          {"titel":"Insights", "link":"#", "items":[{"label":"Expanding Precision Medicine", "link":"#"},{"label":"Improving Patient Experience", "link":"#"},{"label":"Transforming Care Delivery", "link":"#"}]},
          {"titel":"About Us", "link":"#", "items":[{"label":"About Siemens Healthineers", "link":"#"},{"label":"Conference & Events", "link":"#"},{"label":"News & Stories", "link":"#"}]}]'>
  </uimc-sitemap>
  <uimc-footer-column
    slot="social-links"
    title="Connect"
  >
    <uimc-social-links 
      items='[
        {"title":"Twitter", "url":"https://twitter.com/SiemensHealth"},
        {"title":"Instagram", "url":"https://www.instagram.com/siemens.healthineers/"},
        {"title":"Linkedin", "url":"https://www.linkedin.com/company/siemens-healthineers"}
      ]'
    >
    </uimc-social-links>
  </uimc-footer-column>
  <uimc-footer-column
    slot="subscribe"
    title="Newsletter"
  >
    <uimc-subscribe
      url="https://www.siemens-healthineers.com/newsletter"
      label="Subscribe"
    ></uimc-subscribe>
  </uimc-footer-column>
  <uimc-legal-links 
    slot="legal-links"
    company="Siemens Healthcare GmbH ©2022"
    links='[{"url": "/corporate-info", "label": "Corporate Information"}, {"url": "/siemens-website-privacy-policy", "label": "Privacy Policy"}, {"url": "/cookie", "label": "Cookie Policy"}, {"url": "/terms-of-use", "label": "Terms of Use"}]'
  ></uimc-legal-links>
</uimc-footer>