Adding Option to Limit Displayed Tags in react-select Multi-Value Select

[NadirBakhsh]

I would like to propose a new feature for the react-select package that would enhance the user experience when using multi-value select functionality. Currently, when selecting multiple values, a large number of tags are added to the input area, causing it to expand in height. This can be visually overwhelming and negatively impact the layout.

This feature would greatly improve the usability of react-select in scenarios where a large number of selections are made, as it would keep the input area compact and maintain a clean user interface. It would be beneficial for applications that require efficient use of screen space while still providing full visibility of selected options. I believe this enhancement would enhance the package's versatility and make it even more user-friendly.098938/bb52497d-1139-4580-aa4d-0feea8b8941e)

My idea is to introduce a prop that allows users to specify a maximum number of items to be displayed as tags. For instance, users could set this prop to show only 3 items as tags, and any additional selections beyond that would be represented as a count. When the count exceeds the specified limit, a tooltip could be displayed to show the full list of selected items, and users could remove items directly from the tooltip.