Components
Navigation
Footer

Footer

Footer

Editable Example

import { Footer } from "@wfp/react";

() => {
  return (
    <Footer metaContent="2023 © World Food Programme" />
  );
};
PropDefaultDescriptionValue

children

ReactNode
–

The content of the footer containing relevant links

className

string
–

Additional className which will be added

metaContent

ReactNode
–

Meta content, usually the copyright notice

metaLinks

ReactNode
–

logo

ReactNode
–

Optional WFP logo for mobile devices, can be used if the Logo should be provided by the CDN

logoExtended

ReactNode
–

Optional WFP logo for desktop devices, can be used if the Logo should be provided by the CDN

pageWidth

ScreenSize
lg

Specify the max-width on desktop devices (same as Wrapper component)

default: lg

sdgLogo

ReactNode
–

Override the SDG icon

subTitle

ReactNode
–

The WFP logo, can be used if the SDG logo should be provided in a different way

secondary

ReactNode
–

labelOne

string
–

labelTwo

string
–

linkTextOne

string
–

linkHrefOne

string
–

linkTextTwo

string
–

linkHrefTwo

string
–

On this page

References