selectoc
v0.2.0
Published
Composant Select inspiré du Select de Ant Design
Downloads
26
Readme
Selectoc 📦
Selectoc is a dropdown component inspired by the Ant Design's Select component. It allows you to swiftly and efficiently set up an option selector for your React applications.
Prerequisites 📝
- Node.js: v16.14.2 (or higher)
- Recommended Text Editor: VS Code, Sublime Text, etc.
Installation 🛠
To install Selectoc, use npm:
npm install selectoc
Usage 🚀
Integrate the Selectoc component into your React application:
import React from "react";
import Selectoc from "selectoc";
function App() {
const options = [
{ value: "option1", label: "Option 1" },
{ value: "option2", label: "Option 2" },
// ... Other options
];
const handleChange = (value) => {
console.log("Selected value:", value);
};
return (
<div>
<Selectoc
options={options}
onChange={handleChange}
defaultValue="option1"
/>
</div>
);
}
export default App;
Props
options: An array of objects representing the options. Each object should have value and label keys.
onChange: A callback function that's called when the selected value changes.
defaultValue: The default value of the selector.
Example Given the options array:
const options = [
{ value: "option1", label: "Option 1" },
{ value: "option2", label: "Option 2" },
];
And using the Selectoc component like:
<Selectoc options={options} onChange={handleChange} defaultValue="option1" />
You'll see "Option 1" displayed by default, and the handleChange function will be called each time the user selects a new option.
License MIT
Author: Mehdi R.