API Reference
Complete API documentation for components, utilities, and framework core
PageFooter
Reusable page footer with contextual navigation and action buttons
🔧 Props
| Property | Type | Default | Description |
|---|---|---|---|
| heading | string | 'Explore More' | Footer heading text |
| description | string | 'Continue your journey' | Footer description text |
| buttons | Array | [] | Array of button configs: { label, path, primary?, color? } |
| class | string | '' | Additional CSS classes for footer container |
✨ Features
Three pre-configured footer variants (Component, Framework, General)
Customizable heading and description
Flexible button configuration with primary/secondary styling
Responsive layout (vertical on mobile, horizontal on desktop)
Glass morphism backdrop effect
Automatic router integration
Button color theming support
💻 Examples
Custom Footer
return PageFooter({
heading: 'Next Steps',
description: 'Continue exploring VWF',
buttons: [
{ label: 'Start', path: '/intro', primary: true },
{ label: 'Examples', path: '/examples', color: 'sky' },
{ label: 'API Docs', path: '/api-docs', color: 'earth' }
]
});▶️ Live Preview
Next Steps
Continue exploring VWF
💡 Click "Edit Code" to modify the example
🔄 Click "Apply Changes" to see your modifications
↩️ Click "Reset" to restore original code
Pre-configured Footers
// Use one of the preset footers
return ComponentPageFooter();
// Or:
// return FrameworkPageFooter();
// return GeneralPageFooter();▶️ Live Preview
Explore More Components
Browse other component categories
💡 Click "Edit Code" to modify the example
🔄 Click "Apply Changes" to see your modifications
↩️ Click "Reset" to restore original code
💡 Usage Tips
🔗 Related
Explore vwf
Discover what vwf can do