Components

Navbar

#

Navbar is used to show a navigation bar on the top of the page.

#

Preview

#

Code


    
    "use client"  // for nextJS
    import { Navbar1 } from 'mvk-ui';

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

        return (
            <div className="app-container">
            <Navbar1 
                brand="My Brand" 
                links={navbarLinks} 
                backgroundColor="#fff" 
                textColor="#333"
            />
            {/* Other components */}
            </div>
        );
    };

    export default App;