open-index/open-npm huggingface dataset:
npm package: @kisala/hrnet-dropdown
Description: Ce dropdown nécessite 2 paramètres : name et options   ```   name = "string"   options = ["string", "string", "string"] ```   name représente la nomination des balises label et select.   options représente le contenu des différents option dans le se
Latest version: 0.1.5

# Dropdown 

Ce dropdown nécessite 2 paramètres : name et options  
```  
name = "string"  
options = ["string", "string", "string"]
```  
name représente la nomination des balises label et select.  
options représente le contenu des différents option dans le select.  
  
Le dropdown a un style par défaut, si vous voulez le modifier il faudra utiliser les nominations suivantes :  
  
containerStyle, labelStyle et selectStyle

## Installation 

Dans votre terminal veuillez écrire le code suivant :  
  
### Si npm :  
```
npm i @kisala/hrnet-dropdown
```
### Si yarn :  
```
yarn i @kisala/hrenet-dropdown
```
## Utilisation

Après avoir installer le package sur votre projet.  
Pour l'utiliser, voici un exemple :  
  ```
import { Dropdown } from '@kisala/hrnet-dropdown';  
<Dropdown
    name={'States'}
    options={states.States.map((state) => state.name)}
/>
```  
  
Dans cet exemple, les données dans options étaient dans un fichier JSON et étaient écrites comme ceci :  
  
```
{
  "States": [
    {
      "name": "Alabama",
      "abbreviation": "AL"
    },  
    ...]}  
```  
### Changer le style d'un élément
  
Voici un exemple pour changer le style :  
  ```  
const changeSelectStyle = {
  color: 'white',
  backgroundColor: 'black',
};  
  
<Dropdown
    name={'Department'}
    options={departments.Departments.map((department) => department.name)}
    selectStyle={changeSelectStyle}
/>
  ```