hrnet-option-selector
v1.1.3
Published
A reusable dropdown selector component for HRnet built with React and react-select.
Maintainers
Readme
HRnet - Option Selector
📌 Présentation
HRnet Option Selector est un composant de sélection de valeur personnalisable pour vos projets React. Il est conçu pour offrir une solution moderne et flexible basée sur React et react-select.
🚀 Installation
npm install hrnet-option-selectorOu avec Yarn :
yarn add hrnet-option-selector✅ Prérequis
- Node.js ≥ 14
- npm ≥ 6 (ou Yarn)
- React ≥ 16.8
⚡ Utilisation
import React, { useState } from 'react';
import OptionSelector from 'hrnet-option-selector';
const App = () => {
const [selectedValue, setSelectedValue] = useState("");
const optionsList = [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
];
return (
<OptionSelector
optionsList={optionsList}
selectedValue={selectedValue}
onChange={setSelectedValue}
/>
);
};
export default App;📌 Props
optionsList(Array) : Liste des options disponibles pour la sélection, chaque option étant un objet avecvalueetlabel.selectedValue(string) : La valeur actuellement sélectionnée.onChange(function) : Fonction de rappel déclenchée lors du changement de sélection.
📄 Licence
Ce projet est sous licence MIT. Consultez le fichier LICENSE pour plus de détails.
