Navigation principale

Attention

Les liens définis dans le composant sont actifs et risqueraient de vous rediriger en dehors de cette page.

Ce composant permet d'ajouter une navigation principale horizontale.
Afin de gérer plus simplement les liens et les boutons, `<dsmj-nav>` fourni des directives :

Les directives Bouton/Lien de navigation

Bouton de navigation `[dsmjNavButton]`

Le bouton de navigation gère les bouton type menu ou menu géant.

Options

expanded` (boolean)

Défini si le bouton active le déroulement du menu

Exemple d'intégration

Bouton de menu, actif et déplié

Lien de navigation `[dsmjNavLink]`

Le lien de navigation gère les liens type `accès direct` ou des liens contenu dans les menus.

Options

`current` (boolean)

Défini si le bouton doit être au statut actif

Exemple d'intégration

Lien de navigation, page actif

Les objets de navigation `[dsmj-nav-item]`

La navigation principale permet d'afficher différents types de menus, notamment :

Afin de gérer ces différents type, `<dsmj-nav>` propose un composant `[dsmj-nav-item]`, qui s'ajoute dans le balise `<li>` dont il est possible de définir le type de menu à l'aide de l'option `type` (string) qui accepte les valeurs suivants `lien` (par défaut) pour les accès direct, `menu` pour les menus simples et `mega-menu` pour les menus géants :

L'accès direct

L'accès direct est représenté sous forme d'un lien simple qui permet de rediriger l'utilisateur vers une page définie.

Exemple d'intégration

  • accès direct
  • accès direct
  • accès direct
  • Le menu simple

    Le menu simple déroule une liste de liens permettant d'accéder chacun à un lien qui lui est propre.

    Exemple d'intégration

  • accès direct
  • accès direct
  • Le menu géant

    Le menu géant permet d'afficher un contenu riche textuel et/ou visuel, et gère un ensemble de groupe de menus.

    Vous pouvez ajouter du contenu éditorial dans l'entête du menu, pour cela, vous devez utiliser la classe `dsmj-mega-menu__edito` dans un conteneur pour que le composant puisse le prendre en compte.

    Pour gérer les différentes catégories de menu, utiliser la classe `dsmj-mega-menu__categories` dans un conteneur pour qu'il puisse être détecté par le composant.

    Exemple d'intégration

  • Titre éditorialisé

    Lorem [...] elit ut.

    Voir toute la rubrique
  • accès direct
  • accès direct