Footer
The footer is the section located at the bottom of a website and is displayed on every page within the site. It helps with navigation and builds trust with users.
Advance footer navigation
Usage
import { Footer } from "@momo-webplatform/mobase";
<Footer primaryMenu={footerItemsDefault} secondaryMenu={footerServiceDefault} />
Example data
const footerItemsDefault = {
heading: "Heading Dịch vụ ",
lists: [
{
title: "Dịch vụ 01",
url: "/demo",
icon: null,
newTab: false,
},
{
title: "Dịch vụ 02",
url: "/demo",
icon: null,
newTab: false,
},
{
title: "Dịch vụ 03",
url: "/demo",
icon: null,
newTab: false,
},
{
title: "Dịch vụ 04",
url: "/demo",
icon: null,
newTab: false,
},
{
title: "Dịch vụ 05",
url: "/demo",
icon: null,
newTab: false,
},
{
title: "Dịch vụ 06",
url: "/demo",
icon: null,
newTab: false,
},
{
title: "Dịch vụ 07",
url: "/demo",
icon: null,
newTab: false,
},
],
};
API Reference
Footer
component using DialogQr component and supports all of its props.
Footer
Prop | Type | Default | Required |
className | string | -- | false |
primaryMenu | FooterData | -- | false |
secondaryMenu | FooterData | -- | false |