Footers
Footers provide essential navigation, reinforce branding, and enhance usability by structuring the webpage’s conclusion with key links and information.
Usage
When to use this component?
How it works
Code
<dda-footer
title="Welcome to your new digital reality."
description="Let us help you take you from zero to serious business and beyond. Our no-strings attached free trial lets you test our product today."
logo-src="https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg"
logo-alt="Dubai-Digital-Authority"
sign-up-button-text="Sign Up"
login-button-text="Login"
copyright-text="© 2023 Digitaldubai. All Rights Reserved."
footer-sections='[{"title":"About Us","links":[{"label":"Our Competition","href":"#"},{"label":"Channels","href":"#"},{"label":"Scale","href":"#"},{"label":"Watch the Demo","href":"#"}]},{"title":"Products","links":[{"label":"Features","href":"#"},{"label":"Products","href":"#"},{"label":"Enterprise","href":"#"},{"label":"Solutions","href":"#"}]},{"title":"Resources","links":[{"label":"Partners","href":"#"},{"label":"Developers","href":"#"},{"label":"Community","href":"#"},{"label":"Apps","href":"#"}]},{"title":"Company","links":[{"label":"About Us","href":"#"},{"label":"Leadership","href":"#"},{"label":"News","href":"#"}]}]'
social-icons='[{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Facebook"},{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Google"},{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Apple"},{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Instagram"}]'
class="hydrated"
></dda-footer> <DdaFooter
title="Welcome to your new digital reality."
description="Let us help you take you from zero to serious business and beyond. Our no-strings attached free trial lets you test our product today."
logo-src="https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg"
logo-alt="Dubai-Digital-Authority"
sign-up-button-text="Sign Up"
login-button-text="Login"
copyright-text="© 2023 Digitaldubai. All Rights Reserved."
footer-sections='[{"title":"About Us","links":[{"label":"Our Competition","href":"#"},{"label":"Channels","href":"#"},{"label":"Scale","href":"#"},{"label":"Watch the Demo","href":"#"}]},{"title":"Products","links":[{"label":"Features","href":"#"},{"label":"Products","href":"#"},{"label":"Enterprise","href":"#"},{"label":"Solutions","href":"#"}]},{"title":"Resources","links":[{"label":"Partners","href":"#"},{"label":"Developers","href":"#"},{"label":"Community","href":"#"},{"label":"Apps","href":"#"}]},{"title":"Company","links":[{"label":"About Us","href":"#"},{"label":"Leadership","href":"#"},{"label":"News","href":"#"}]}]'
social-icons='[{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Facebook"},{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Google"},{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Apple"},{"href":"#","src":"https://img.icons8.com/?size=256&id=118497&format=png","alt":"Instagram"}]'
class="hydrated"
/>Properties
Property
Description
Type
Anatomy

Responsive Behavior
Dos and Don'ts
Dos
Don'ts
Last updated

