Components

Footer

#

Footers: the bottom part of a webpage where you often find links to important information, like contact details or legal stuff.

#

Preview

#

Code


    
    "use client"  // for nextJS
    import { FooterDark, FooterLight } from 'mvk-ui';

    const App = () => {
        const footerLinks = [
            { label: 'Home', url: '/' },
            { label: 'About', url: '/about' },
            { label: 'Contact', url: '/contact' }
        ];

        return (
            <div className="app-container">
            <FooterDark 
                text="© 2024 Your Company. All rights reserved." 
                links={footerLinks} 
                backgroundColor="#282c34" 
                textColor="#61dafb"
            />
            <FooterLight 
                text="© 2024 Your Company. All rights reserved." 
                links={footerLinks} 
                backgroundColor="#fff" 
                textColor="#333"
            />
            </div>
        );
    };

    export default App;