---
id: footer
title: Footer
---

# Footer

## How to use

<code src="@digigov/ui/src/app/Footer/__stories__/Default.tsx" />

### Footer with logos

<code src="@digigov/ui/src/app/Footer/__stories__/FooterWithLogo.tsx" />

### Footer with secondary navigation

<code src="@digigov/ui/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx" />

### Footer with links to meta information

<code src="@digigov/ui/src/app/Footer/__stories__/FooterWithLink.tsx" />

### All inclusive footer

<code src="@digigov/ui/src/app/Footer/__stories__/FooterAllInclusive.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={[
  "Footer",
  "FooterContainer",
  "FooterNavigation",
  "FooterNavigationSection",
  "FooterHeading",
  "FooterList",
  "FooterListItem",
  "FooterLink",
  "FooterInfo",
  "FooterInfoSection",
  "FooterContent",
  "FooterContentLogos",
  "FooterImage",
  "CopyrightContainer"]} 
/>