---
title: Footer (React) - USWDS + Tailwind
description: Help visitors find useful links at the bottom of a page with footer
layouts in default, big, and slim styles.
---
# Footer
Help visitors find useful links at the bottom of a page with footer layouts in default, big, and slim styles.
## Examples
### Default
```tsx
import { Footer, Link } from '@uswds-tailwind/react'
export default function FooterDemo() {
return (
Return to top
About usResourcesContact usName of agencyFacebookYouTubeAgency Contact Center(800) 555-GOVTinfo@agency.gov
)
}
```
### Big
```tsx
import { Button, Footer, Input, Link } from '@uswds-tailwind/react'
export default function FooterMediumDemo() {
return (
Return to top
About
Our agencyLeadership
Resources
ServicesPublications
Sign Up
Name of agencyAgency Contact Center(800) 555-GOVTinfo@agency.gov
)
}
```
### Slim
```tsx
import { Footer, Link } from '@uswds-tailwind/react'
export default function FooterSlimDemo() {
return (
Return to top
About usResourcesContact us(800) 555-GOVTinfo@agency.govAgency Contact Center
)
}
```
## Component API
Compose a footer from primary navigation, identity, contact, and optional section parts.
### Root `