Skip to main content

Navbar

This document provides an overview of the navbar components available in your project. Each component has a small description, usage example, tips, and a screenshot.

Description​

The Navbar1 component features a search bar and additional icons for notifications and user profile. It is designed to provide a comprehensive navigation experience with search functionality.

Importing the Component​

import Navbar1 from "@/components/Navbars/Navbar1";

Tips​

  • Customize the search functionality to provide relevant results based on your website's content.
  • Ensure the user profile icon links to a user account or profile management page.

Screenshot​

Navbar1 Component

Description​

The Navbar2 component offers a simple navigation bar with links to different sections of the website and a sign-in button. It is suitable for minimalistic designs and provides essential navigation options.

Importing the Component​

import Navbar2 from "@/components/Navbars/Navbar2";

Tips​

  • Keep the navigation links updated to ensure users can easily access important sections of your website.
  • Customize the sign-in button to link to your authentication or login page.

Screenshot​

Navbar2 Component