Navigation & Headers
Footer
Responsive footer with desktop columns and mobile accordion tabs.
Overview
The Footer section provides a fully-featured site footer that adapts between desktop column layout and mobile accordion for optimal space usage. It includes areas for logo, contact information (email, phone, address), and multiple menu sections. The bottom row accommodates social icon buttons, an email signup input, and copyright text. Menu items support different popover content than standard buttons. Column count and alignment are independently configurable for desktop views.
Key Business & UX Benefits
- One footer works on desktop (columns) and mobile (accordion) without duplicate content.
- Contact, menus, social, and signup in one place reduce layout and maintenance.
- Configurable columns and alignment fit different site structures.
- Accessible accordion on mobile keeps footer usable on small screens.
Pro-Tip from Larry: Use the mobile accordion so footer links are reachable without long scrolling.
Usage
SectionFooter
Feature List
- Responsive layout with desktop columns and mobile accordion
- Integrated contact information display (email, phone, address)
- Bottom row with icon buttons, email input, and copyright
- Configurable menu sections with title links
API Reference
SectionFooter
No component metadata found for SectionFooter. Did you mean
SheetFooter?BlockFooterMenu
No component metadata found for BlockFooterMenu. Did you mean
LuiFooterMenu?FooterMenuDesktopItem
No component metadata found for FooterMenuDesktopItem. Did you mean
LuiFooterMenuDesktopItem?FooterTitle
No component metadata found for FooterTitle. Did you mean
LuiFooterTitle?