npm package: @jlfdzdev/react-multiselect
Description: A simple and customizable multiselect component for React
Author: JLFdzDev
Latest version: 0.2.0

<!-- Improved compatibility of back to top link: See: https://github.com/othneildrew/Best-README-Template/pull/73 -->
<a name="readme-top"></a>
<!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag "enhancement".
*** Don't forget to give the project a star!
*** Thanks again! Now go create something AMAZING! :D
-->



<!-- PROJECT SHIELDS -->
<!--
*** I'm using markdown "reference style" links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links
-->

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]



<!-- PROJECT LOGO -->
<br />
<div align="center">

<h1 align="center">React Multiselect</h1>

  <p align="center">
    A simple and customizable multiselect component for React
    <br />
    <a href="https://github.com/JLFdzDev/react-multiselect"><strong>Explore the docs »</strong></a>
    <br />
    <br />
    <a href="https://github.com/JLFdzDev/react-multiselect">View Demo</a>
    ·
    <a href="https://github.com/JLFdzDev/react-multiselect/issues">Report Bug</a>
    ·
    <a href="https://github.com/JLFdzDev/react-multiselect/issues">Request Feature</a>
  </p>
</div>



<!-- TABLE OF CONTENTS -->
<details>
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
      <ul>
        <li><a href="#built-with">Built With</a></li>
      </ul>
    </li>
    <li>
      <a href="#getting-started">Getting Started</a>
      <ul>
        <li><a href="#prerequisites">Prerequisites</a></li>
        <li><a href="#installation">Installation</a></li>
      </ul>
    </li>
    <li><a href="#usage">Usage</a></li>
    <li><a href="#contributing">Contributing</a></li>
    <li><a href="#license">License</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#acknowledgments">Acknowledgments</a></li>
  </ol>
</details>



<!-- ABOUT THE PROJECT -->
## About The Project

![Product Name Screen Shot][product-screenshot]

<p align="right">(<a href="#readme-top">back to top</a>)</p>


### Built With

[![React][React.js]][React-url]
[![React][Tailwindcss]][Tailwindcss-url]

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- GETTING STARTED -->
## Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

### Prerequisites

(*) Optional but recommended **Tailwindcss**

### Installation

* npm
  ```sh
  npm install @jlfdzdev/react-multiselect
  ```
* pnpm
  ```sh
  pnpm add @jlfdzdev/react-multiselect
  ```
* yarn
  ```sh
  yarn install @jlfdzdev/react-multiselect
  ```

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- USAGE EXAMPLES -->
## Usage

--

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- CONTRIBUTING -->
## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- LICENSE -->
## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- CONTACT -->
## Contact

Project Link: [https://github.com/JLFdzDev/react-multiselect](https://github.com/JLFdzDev/react-multiselect)

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- ACKNOWLEDGMENTS -->
## Acknowledgments

* [Othneil Drew - README TEMPLATE](https://github.com/othneildrew/Best-README-Template)

<p align="right">(<a href="#readme-top">back to top</a>)</p>


<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
[contributors-shield]: https://img.shields.io/github/contributors/JLFdzDev/react-multiselect.svg?style=flat
[contributors-url]: https://github.com/JLFdzDev/react-multiselect/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/JLFdzDev/react-multiselect.svg?style=flat
[forks-url]: https://github.com/JLFdzDev/react-multiselect/network/members
[stars-shield]: https://img.shields.io/github/stars/JLFdzDev/react-multiselect.svg?style=flat
[stars-url]: https://github.com/JLFdzDev/react-multiselect/stargazers
[issues-shield]: https://img.shields.io/github/issues/JLFdzDev/react-multiselect.svg?style=flat
[issues-url]: https://github.com/JLFdzDev/react-multiselect/issues
[license-shield]: https://img.shields.io/github/license/JLFdzDev/react-multiselect?style=flat
[license-url]: https://github.com/JLFdzDev/react-multiselect/blob/main/LICENSE.txt
[product-screenshot]: images/screenshot.png
[React.js]: https://img.shields.io/badge/React-20232A?style=flat&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Tailwindcss]: https://img.shields.io/badge/Tailwindcss-20232A?style=flat&logo=tailwindcss&logoColor=61DAFB
[Tailwindcss-url]: https://tailwindcss.com/