corenav

1.1.7 • Public • Published

Corenav

coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to combination.

  • 11 Default Menu
  • 2 Responsive Navigation
  • 7 Event Menu
  • 6 Attributes Header
  • 3 Mode Menu Position
  • 9 Layout Navigation
  • More Themes & Custom

Demo : http://corenav.anurdin.net

Browser Support

Instalations

Install from NPM Make sure to install jQuery NPM & css-loader for import 'corenav/coreNavigation.css'

npm i corenav --save
import 'corenav/coreNavigation.css';
import 'corenav';

Install from static Include coreNavigation assets CSS & Javascript

<link rel="stylesheet" href="./css/coreNavigation.css" />
<script type="text/javascript" src="./js/coreNavigation.js"></script>

Create coreNavigation code & options

<nav hidden>
    <div class="nav-header">
        <a href="#" class="brand">
            <img src="./assets/img/brand.png" />
        </a>
        <button class="toggle-bar">
            <span class="fa fa-bars"></span>
        </button>
    </div>
    <ul class="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</nav>
<script type="text/javascript"> 
$('nav').coreNavigation({
    onInit: function(){
        console.log('Init coreNav');
    }
});
</script>

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i corenav

      Weekly Downloads

      16

      Version

      1.1.7

      License

      MIT

      Unpacked Size

      53.2 kB

      Total Files

      6

      Last publish

      Collaborators

      • adamnurdin01