React Country Selector

Description

React Country Selector is a minimalist and dependency-free React component designed for seamlessly integrating a country selection feature into your projects. It offers a user-friendly dropdown interface, allowing users to easily choose a country from a curated list.

Installation

Install the package using npm:

npm install country-selector-updated

Usage

Integrate the CountrySelector component into your React application effortlessly. Customize and utilize it in accordance with your project's requirements.

import React from "react";
import CountrySelector from "react-country-selector";

const YourComponent = () => {
  const handleCountryChange = (selectedCountry) => {
    console.log("Selected country:", selectedCountry);
    // Implement your custom logic here
  };

  return (
    <div>
      <h1>Your React App</h1>
      <CountrySelector onChange={handleCountryChange} />
    </div>
  );
};

export default YourComponent;

Props

• onChange: A callback function invoked when a country is selected. It receives the selected country as an argument.

Example

Explore the example folder in this repository for a comprehensive usage example.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

We extend our gratitude to the countries-list project for providing the foundational country data.

Contributing

Contributions are encouraged and welcomed! Review the CONTRIBUTING.md file for details on how to contribute.

Support and Contact

For inquiries, bug reports, or collaboration opportunities, please reach out to our team at [email protected].