@ayurokas/select_package v0.1.1

CustomDropdown

Ce composant CustomDropdown est un composant React personnalisable pour afficher des menus déroulants. Il est facile à intégrer et à personnaliser dans n'importe quel projet React.

INSTALLATION :

npm install @saihyura/select_package

USAGE :

import { CustomDropdown } from 'Select_package';

Ensuite, vous pouvez l'utiliser comme suit :

<CustomDropdown
  options={['Option 1', 'Option 2', 'Option 3']}
  onChange={handleSelect}
  placeholder="Select an option"
  value={selectedOption}
/>

PROPS :

options : Array des options à afficher.

onChange : Fonction appelée lorsque l'option est sélectionnée.

placeholder : Texte à afficher lorsque aucune option n'est sélectionnée.

value : L'option actuellement sélectionnée.

EXEMPLE :

const App = () => {
  const [selectedOption, setSelectedOption] = useState(null);

  const handleSelect = (option) => {
    setSelectedOption(option);
  };

  return (
    <CustomDropdown
      options={['Option 1', 'Option 2', 'Option 3']}
      onChange={handleSelect}
      placeholder="Select an option"
      value={selectedOption}
    />
  );
};

PERSONNALISATION :

Vous pouvez personnaliser le style du CustomDropdown en utilisant des classes CSS.