Skip to main content

Mega-Nav

Description

Ce component peut être utilisé pour créer un seul ou plusieurs panneaux de navigation.

Demo

Cliquez sur les différents boutons dans la navbar pour tester cet élément.

Documentation

Comportement

  • Un data attribut est ajouté à la balise body pour chaque navigation ouverte, donc vous pouvez styliser différemment n'importe quel élément du DOM (par exemple, un bouton de style hamburger devient un x)

Importez la fonction dans votre projet et créez une instance

Adaptez le path selon la structure de votre projet

// import accordions constructor - adjust the import path to fit your project structure
import { MegaNav } from "./functions/mega-nav.js"

// create an instance with your options
new MegaNav({
   // your options here - see docs
}).init()

Options

  • Name
    Type
    Default
    Description
  • delayBetweenOpenings
    integer
    450
    Délais en millisecondes entre l'ouverture des panneaux si plusieurs.

Code

Dossier de base

Dossier de base

Feuilles de style optionnelles

Navbar