Skip to main content

Single choice filter

Demo

Utilisez le filtre suivant pour tester le module.

Filter by category

Pomme

Rouge
Fruits

Patate

Brun Jaune
Légumes

Filet mignon

Gris
Viande

Salade

Vert
Légumes

Avocat

Vert
Fruits

Banane

Jaune
Fruits

Citron

Jaune
Fruits

Lime

Vert
Fruits

Ananas

Brun Jaune
Fruits

Celeri

Vert
Légumes

Brocoli

Vert
Légumes

Steak

Rouge
Viande

Documentation

Importez la fonction dans votre projet

import { SingleChoiceFilter } from "./functions/single-filter.js"

Créez et initiez une instance - exemple

const mySingleFilter = new SingleChoiceFilter("#form-categories", {
  divIds: ["listing"] // divs to replace with your content - array, multiple div possible
})

// init your newly created instance
mySingleFilter.init()
Note : Vous devez combiner ce filtre avec l'élément dropdown pour avoir le look de ce démo. Votre form se retrouvera dans un dropdown.

Arguments - Options

  • Name
    Type
    Default
    Description
  • divIds
    Array - CSS selectors
    ["listing"]
    Array de <div> dont le contenu sera remplacé. Idéalement, utilisez des ids.

Code

Dossier de base

Dossier des filtres

Combinez avec ceci

Dropdown