JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

JavaScript

import {
  Component
} from '@angular/core';
import menudata from './navbar.json';
import countrydata from './countries.json';
@Component({
  selector: 'lm-navbar',
  templateUrl: './navbar.component.html'
})
export class NavbarComponent {
  mainmenu: any = menudata;
  countries: any = countrydata;
  isHovering = true;

  mouseHovering() {
    this.isHovering = false;
  }
  mouseLeaving() {
    this.isHovering = true;
  }

}