Skip to main content

Dropdown

Demo

Voici un demo simple

Hey wassup! Add a form here with checkbox, radio, etc. See an example in the Multiple dropdown filters or Single choice filter sections.

Documentation

Importez la fonction dans votre projet

Le path peut changer selon votre structure de projet.

import { Dropdown } from "./functions/dropdown.js"

Créez et initialisez une instance

À noter que vous pouvez créer une seule instance pour tous les dropdown de votre site s'ils ont les mêmes options.

const dropdown = new Dropdown(".filter-dropdown", {
 // your options here - see options below
})
// init your newly created instance
dropdown.init()
Note : Ajoutez data-navig-dropdown-text à votre <button> ou <span> qui contient le titre du dropdown si vous souhaitez que celui-ci soit remplacé par la valeur sélectionnée. Voir le "Filter by colors" de la section Multiple dropdown filters pour la démo. Notez que cela fonctionnera uniquement avec une valeur unique (radio).

Options

  • Name
    Type
    Default
    Description
  • closeClickOutside
    Boolean
    false
    Ferme le dropdown quand on clique ailleurs

Code

Dossier de base

Dossier complet