testyantra-react-header

This library was generated with React JS version 17.0.1.

Usage:

1.Import:

      import { TyHeader } from "TyHeader";

    Pass the navData for the TyHeader Component as a Props.

2.Example:

App.js :

import React from "react";

import { BrowserRouter as Router} from "react-router-dom";

import TyHeader from './TyHeader';

function App() {

              const navData = [
                              
                                {
                                  name: "Brand Name",
                                  route: "/home",
                                  items: [
                                        
                                            {
                                              name: "REVENUE",
                                              route: "/revenue",
                                              items: [
                                          
                                                        {
                                                          name: "Business  Forecast",
                                                          route: "/",
                                                        },

                                                        {
                                                          name: "Revenue  Statistics",
                                                          route: "/",
                                                        },

                                                        {
                                                          name: "Revenue  Performance",
                                                          route: "/",
                                                        },
                                                
                                                      ],
                                            },
                    
                                            {
                                              name: "REPORTS",
                                              route: "/reports",
                                            },
                                            
                                            {
                                              name: "RESOURCES",
                                              route: "/resources",
                                            },
                    
                                            {
                                              name: "EXPENSES",
                                              route: "/expenses",
                                              items: [
                                                
                                                        {
                                                          name: "Cubical Expenses",
                                                          route: "/",
                                                        },
                                                      ],
                                            },
                                          ],
                                },
                              ];

               return (
                      
                      <>
                          < Router >
                                < TyHeader navData={navData} />
                          < /Router>
                        </>
              
                      );

            }

export default App;