BlocksFooter
Footer 3
Footer with brand logo, social icons, navigation links grouped in columns, and copyright section
Preview
Props
The Footer_3 block accepts the following props from PayloadCMS:
Prop
Type
MediaField
The brand logo field supports separate images for light and dark themes:
Prop
Type
LinkGroup
Each link group in the links array has the following structure:
Prop
Type
LinkItem
Each navigation link within a group's items array has the following structure:
Prop
Type
SocialLink
Each social link in the socialLinks array has the following structure:
Prop
Type
Installation
npx shadcn@latest add @uifoundry/footer-3If you encounter issues, check the registry setup guide for configuration help.
Registry Dependencies
This component uses the following registry components:
- Style Utils - Tailwind utility functions including
cn()class merger - Media Field - PayloadCMS media field with theme support
- Social Links Field - PayloadCMS field for managing social media links with icon selection
- Block Constants - Block slug and group constants for PayloadCMS blocks
Dependencies
This component requires the following NPM packages:
- PayloadCMS - Headless CMS and application framework
- React - JavaScript library for building user interfaces
- Next.js - React framework for production