Fully Customizable
With the custom footer slot, you can implement any design without being limited by built-in components.
Custom Footer Demo
This page demonstrates how to use the custom footer slot feature of AppLayout to create a fully customized full-width page footer.
Key Features
Full Width Layout
Custom footer spans the full page width, not constrained by the sidebar.
Backward Compatible
Fully backward compatible, does not affect existing code.
Easy to Use
Just add the slot='footer' attribute to use a custom footer.
Clear Priority
Custom footer has the highest priority and overrides built-in Footer.
Multi-column Layout
Easy to implement multi-column layout for richer footer content.
Learn More
Check out the complete AppLayout documentation to learn more about custom footers and other features.
👇 Scroll down to see the custom footer