BlocksFooter

Footer 5

Footer with flexible grid layout, brand logo with social icons, grouped navigation links, and rounded copyright section

Preview

Props

The Footer_5 block accepts the following props from PayloadCMS:

Prop

Type

Media

The brand logo is a standard PayloadCMS media object:

Prop

Type

CopyrightGroup

The copyright section includes text and optional action links:

Prop

Type

Each action link in the copyright section:

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:

Prop

Type

Each social link in the socialLinks array:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/footer-5

If 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 dual upload field (light/dark variants)
  • 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