dropdowndelamort est un composant dropdown pour React permettant de créer facilement des menus déroulants stylisés avec une grande flexibilité.

Pour utiliser dropdowndelamort, assurez-vous d'avoir les éléments suivants installés :

• react: 18.3.1
• react-dom: 18.3.1

npm install dropdowndelamort

import Dropdown from 'dropdowndelamort';
import 'dropdowndelamort/dist/style.css'
import { useState } from 'react';

function MyComponent() {
    const STATES = [
        { value: 'CA', label: 'California' },
        { value: 'NY', label: 'New York' },
        { value: 'TX', label: 'Texas' },
    ];
    
    const STATE_DEFAULT_TEXT = 'Select a state';
    
    const fields = [
        {
            type: 'dropdown',
            id: 'state',
            name: 'state',
            label: 'State',
            options: STATES,
            defaultText: STATE_DEFAULT_TEXT,
        },
    ];

    const [selectedValue, setSelectedValue] = useState('');

    const handleChange = (e) => {
        setSelectedValue(e.target.value);
    };

    return (
        <div>
            {fields.map(field => {
                if (field.type === 'dropdown') {
                    return (
                        <Dropdown
                            key={field.id}
                            id={field.id}
                            selection={field.options}
                            defaultText={field.defaultText}
                            value={selectedValue}
                            onChange={handleChange}
                        />
                    );
                }
                return null;
            })}
        </div>
    );
}

export default MyComponent;