Footer
The footer is a UI component placed at the bottom of the page, providing informational context, secondary navigation, and legal or support links.
The footer is part of the application layout, so it can only be used inside of it. Please check the DxcApplicationLayout documentation.
| Name | Type | Description | Default |
|---|---|---|---|
| bottomLinks | {
href: string;
text: string;
}[] | An array of objects representing the links that will be rendered at the bottom part of the footer. Each object has the following properties:
| - |
| copyright | string | The text that will be displayed as copyright disclaimer. | "© DXC Technology ${year}. All rights reserved." |
New leftContent | React.ReactNode | Content to be displayed on the left side of the footer under the logo. | - |
New logo | {
src: string | SVG;
alt: string;
} | Logo to be displayed inside the footer. | {
src: DxcLogo,
alt: "DXC Technology Logo"
} |
| mode | 'default' | 'reduced' | The available footer modes:
| 'default' |
New rightContent | React.ReactNode | Content to be displayed on the right side of the footer before the socialLinks if provided. | - |
| socialLinks | {
href: string;
title: string;
logo: string | SVG;
}[] | An array of objects representing the links that will be rendered as icons at the top-right side of the footer. Each object has the following properties:
| - |
| tabIndex | number | Value of the tabindex for all interactive elements, except those inside the leftContent and rightContent. | 0 |