salihayoubi_23_react-select-menu v1.0.8
react-select-menu react-select-menu est un composant React pour créer un menu déroulant personnalisé avec des options sélectionnables.
Installation To install the dropdown component, you can use npm. Run the following command in your terminal:
npm i salihayoubi_23_dropdown
Utilisation
import React, { useState, useRef, useEffect } from 'react'; import SelectMenu from 'react-select-menu';
const YourComponent = () => { const options = { value: 'option1', label: 'Option 1' }, { value: 'option2', label: 'Option 2' }, // ... ajoutez d'autres options ;
const handleChange = (selectedItem) => { // Gérez la sélection de l'option ici console.log('Option sélectionnée :', selectedItem); };
return ( ); };
export default YourComponent;
Props
options: (Array) Liste des options du menu. onChange: (Function) Fonction de rappel appelée lorsqu'une option est sélectionnée.
Fonctionnalités
Navigation au clavier (flèches haut/bas, entrée, échappement). Fermeture du menu lors du clic en dehors de celui-ci. Personnalisation du style via les classes CSS.