Un composant React réutilisable pour une liste déroulante stylisée.
Pour installer le pluginhrnet dans votre projet, utilisez la commande npm suivante :
bash: npm install pluginhrnet
1.Importez le composant dans votre fichier React :
import Dropdown from 'pluginhrnet';
2.Utilisez le composant dans votre code avec les propriétés nécessaires :
<dropdownData : un tableau de données pour alimenter la liste déroulante.
onChange : une fonction de rappel qui sera appelée lorsque la sélection change.
onReset : une propriété booléenne qui réinitialise le composant lorsque sa valeur change.
name : un nom optionnel pour le composant.
id : un identifiant optionnel pour le composant.
Voici un exemple d'utilisation du composant Dropdown dans votre composant React :
import React, { useState } from 'react'; import Dropdown from 'pluginhrnet';
const VotreComposant = () => { const [optionSelectionnee, setOptionSelectionnee] = useState('');
const gestionChangementDropdown = (selection) => { setOptionSelectionnee(selection); };
const donneesDropdown = ['Option 1', 'Option 2', 'Option 3'];
return (
Option sélectionnée : {optionSelectionnee}
export default VotreComposant;
Pour plus d'informations sur les fonctionnalités et les options du composant Dropdown, veuillez consulter la documentation du composant.
Les contributions sont les bienvenues ! Pour toute suggestion ou rapport de bogue, veuillez créer une nouvelle issue sur le dépôt GitHub du projet.
Ce projet n'est pas sous licence MIt