super-searchable-selectbox
v1.0.5
Published
A customizable, searchable, and lightweight dropdown component for React.
Downloads
72
Maintainers
Readme
����#� �S�u�p�e�r� �S�e�l�e�c�t� �
�
�
�
�A� �h�i�g�h�l�y� �c�u�s�t�o�m�i�z�a�b�l�e�,� �l�i�g�h�t�w�e�i�g�h�t�,� �a�n�d� �s�e�a�r�c�h�a�b�l�e� �R�e�a�c�t� �d�r�o�p�d�o�w�n� �c�o�m�p�o�n�e�n�t� �w�i�t�h� �a�d�v�a�n�c�e�d� �f�e�a�t�u�r�e�s� �l�i�k�e� �t�e�a�m�-�b�a�s�e�d� �g�r�o�u�p�i�n�g�,� �a�v�a�t�a�r� �t�o�g�g�l�e�,� �p�o�s�i�t�i�o�n� �c�o�n�t�r�o�l�,� �a�n�d� �c�u�s�t�o�m� �d�r�o�p�d�o�w�n� �s�i�z�e�s�.� �T�h�i�s� �c�o�m�p�o�n�e�n�t� �i�s� �p�e�r�f�e�c�t� �f�o�r� �m�a�n�a�g�i�n�g� �u�s�e�r� �s�e�l�e�c�t�i�o�n� �i�n� �c�o�m�p�l�e�x� �U�I�s�,� �s�u�c�h� �a�s� �t�a�s�k� �m�a�n�a�g�e�m�e�n�t� �o�r� �s�c�h�e�d�u�l�i�n�g� �s�y�s�t�e�m�s�.�
�
�
�
�#�#� �F�e�a�t�u�r�e�s�
�
�
�
�-� �G�r�o�u�p�e�d� �T�e�a�m�s� �&� �M�e�m�b�e�r�s�:� �O�r�g�a�n�i�z�e� �u�s�e�r�s� �u�n�d�e�r� �t�e�a�m�s� �f�o�r� �e�a�s�y� �s�e�l�e�c�t�i�o�n�.�
�
�-� �C�u�s�t�o�m�i�z�a�b�l�e� �D�r�o�p�d�o�w�n� �P�o�s�i�t�i�o�n�:� �C�h�o�o�s�e� �f�r�o�m� ��t�o�p�
�,� ��b�o�t�t�o�m�
�,� ��l�e�f�t�
�,� �o�r� ��r�i�g�h�t�
�.�
�
�-� �D�r�o�p�d�o�w�n� �S�i�z�e� �V�a�r�i�a�n�t�s�:� �A�v�a�i�l�a�b�l�e� �s�i�z�e�s� �-� ��x�s�
�,� ��s�m�
�,� ��m�d�
�,� ��l�g�
�,� ��x�l�
�.�
�
�-� �A�v�a�t�a�r� �T�o�g�g�l�e�:� �O�p�t�i�o�n�a�l�l�y� �s�h�o�w� �o�r� �h�i�d�e� �u�s�e�r� �a�v�a�t�a�r�s�.�
�
�-� �P�r�e�-�s�e�l�e�c�t�i�o�n�:� �P�r�o�v�i�d�e� �a� �p�r�e�-�s�e�l�e�c�t�e�d� �u�s�e�r� �I�D�.�
�
�-� �L�i�g�h�t�w�e�i�g�h�t� �&� �F�a�s�t�:� �O�p�t�i�m�i�z�e�d� �f�o�r� �p�e�r�f�o�r�m�a�n�c�e�.�
�
�-� �A�c�c�e�s�s�i�b�l�e� �S�e�a�r�c�h� �B�a�r�:� �E�a�s�i�l�y� �s�e�a�r�c�h� �t�h�r�o�u�g�h� �u�s�e�r�s�.�
�
�
�
�#�#� �I�n�s�t�a�l�l�a�t�i�o�n�
�
�
�
�I�n�s�t�a�l�l� �v�i�a� �N�P�M�:�
�
�
�
��
��b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l� �s�u�p�e�r�-�s�e�a�r�c�h�a�b�l�e�-�s�e�l�e�c�t�b�o�x�
�
�
��
�
�
�
�
�#�#�#� �U�s�a�g�e�
�
�
�
�H�e�r�e�'�s� �a�n� �e�x�a�m�p�l�e� �o�f� �h�o�w� �t�o� �u�s�e� �t�h�e� �S�u�p�e�r�S�e�a�r�c�h�a�b�l�e�S�e�l�e�c�t�B�o�x� �c�o�m�p�o�n�e�n�t� �i�n� �y�o�u�r� �R�e�a�c�t� �a�p�p�l�i�c�a�t�i�o�n�:�
�
�
�
�
�
��
��j�s�
�
�i�m�p�o�r�t� �R�e�a�c�t� �f�r�o�m� �'�r�e�a�c�t�'�;�
�
�i�m�p�o�r�t� �D�r�o�p�d�o�w�n�,� �{� �T�e�a�m�,� �U�s�e�r� �}� �f�r�o�m� �'�s�u�p�e�r�-�s�e�a�r�c�h�a�b�l�e�-�s�e�l�e�c�t�b�o�x�'�;�
�
�
�
�c�o�n�s�t� �t�e�a�m�s�:� �T�e�a�m�[�]� �=� �[�
�
� � �{�
�
� � � � �i�d�:� �1�,�
�
� � � � �n�a�m�e�:� �'�D�e�v�e�l�o�p�m�e�n�t�'�,�
�
� � � � �o�r�g�a�n�i�z�a�t�i�o�n�:� �'�T�e�c�h� �C�o�r�p�'�,�
�
� � � � �m�e�m�b�e�r�s�:� �[�
�
� � � � � � �{� �i�d�:� �1�,� �n�a�m�e�:� �'�A�l�i�c�e�'�,� �e�m�a�i�l�:� �'�a�l�i�c�e�@�e�x�a�m�p�l�e�.�c�o�m�'�,� �r�o�l�e�:� �'�D�e�v�e�l�o�p�e�r�'�,� �t�i�t�l�e�:� �'�F�r�o�n�t�e�n�d� �D�e�v�'� �}�,�
�
� � � � � � �{� �i�d�:� �2�,� �n�a�m�e�:� �'�B�o�b�'�,� �e�m�a�i�l�:� �'�b�o�b�@�e�x�a�m�p�l�e�.�c�o�m�'�,� �r�o�l�e�:� �'�D�e�v�e�l�o�p�e�r�'�,� �t�i�t�l�e�:� �'�B�a�c�k�e�n�d� �D�e�v�'�,� �a�v�a�t�a�r�:� �'�h�t�t�p�s�:�/�/�v�i�a�.�p�l�a�c�e�h�o�l�d�e�r�.�c�o�m�/�5�0�'� �}�
�
� � � � �]�
�
� � �}�,�
�
� � �{�
�
� � � � �i�d�:� �2�,�
�
� � � � �n�a�m�e�:� �'�M�a�r�k�e�t�i�n�g�'�,�
�
� � � � �o�r�g�a�n�i�z�a�t�i�o�n�:� �n�u�l�l�,�
�
� � � � �m�e�m�b�e�r�s�:� �[�{� �i�d�:� �3�,� �n�a�m�e�:� �'�E�v�e�'�,� �e�m�a�i�l�:� �'�e�v�e�@�e�x�a�m�p�l�e�.�c�o�m�'�,� �r�o�l�e�:� �'�M�a�r�k�e�t�e�r�'�,� �t�i�t�l�e�:� �'�S�E�O� �E�x�p�e�r�t�'� �}�]�
�
� � �}�
�
�]�;�
�
�
�
�c�o�n�s�t� �A�p�p� �=� �(�)� �=�>� �{�
�
� � �c�o�n�s�t� �h�a�n�d�l�e�U�s�e�r�S�e�l�e�c�t� �=� �(�u�s�e�r�I�d�:� �n�u�m�b�e�r� �|� �n�u�l�l�)� �=�>� �{�
�
� � � � �c�o�n�s�o�l�e�.�l�o�g�(�'�S�e�l�e�c�t�e�d� �U�s�e�r� �I�D�:�'�,� �u�s�e�r�I�d�)�;�
�
� � �}�;�
�
�
�
� � �r�e�t�u�r�n� �(�
�
� � � � �<�U�s�e�r�D�r�o�p�d�o�w�n�
�
� � � � � � �t�e�a�m�s�=�{�t�e�a�m�s�}�
�
� � � � � � �o�n�U�s�e�r�S�e�l�e�c�t�=�{�h�a�n�d�l�e�U�s�e�r�S�e�l�e�c�t�}�
�
� � � � � � �d�e�f�a�u�l�t�S�e�l�e�c�t�e�d�U�s�e�r�I�d�=�{�1�}�
�
� � � � � � �s�h�o�w�A�v�a�t�a�r�=�{�t�r�u�e�}�
�
� � � � � � �s�h�o�w�T�i�t�l�e�=�{�t�r�u�e�}�
�
� � � � � � �d�r�o�p�d�o�w�n�P�o�s�i�t�i�o�n�=�"�b�o�t�t�o�m�"�
�
� � � � � � �d�r�o�p�d�o�w�n�S�i�z�e�=�"�m�d�"�
�
� � � � �/�>�
�
� � �)�;�
�
�}�;�
�
�
�
�e�x�p�o�r�t� �d�e�f�a�u�l�t� �A�p�p�;�
�
�
��
�
�
�
�
�
�
�#�#� �P�r�o�p�s�
�
�
�
�
�
�|� � � � � �P�r�o�p� � � � � �|� �T�y�p�e� � � � � � � � � � � � � �|� �D�e�f�a�u�l�t� � � � � �|� � � � � � �D�e�s�c�r�i�p�t�i�o�n� � � � � � � � � � � � �|�
�
�|� �:�-�-�-�-� �|� �:�-�-�-�-�:� �|� �-�-�-�-�:� �|� �:�-�-�-�-� �|�
�
�|� � � � � �t�e�a�m�s� � � � � �|� � � � � �T�e�a�m�[�]� � � � � �|� � � � � �-� � � � � �|� � � � � �L�i�s�t� �o�f� �t�e�a�m�s� �w�i�t�h� �m�e�m�b�e�r�s�.�
�
�|� � � � � �o�n�U�s�e�r�S�e�l�e�c�t� � � � � �|� � � � � �(�u�s�e�r�I�d�:� �n�u�m�b�e�r� �|� �n�u�l�l�)� �=�>� �v�o�i�d� � � � � �|� � � � � �-� � � � � �|� � � � � �C�a�l�l�b�a�c�k� �w�h�e�n� �a� �u�s�e�r� �i�s� �s�e�l�e�c�t�e�d�.� �S�e�n�d�s� �n�u�l�l� �i�f� �u�n�a�s�s�i�g�n�e�d�.� � � � � �|�
�
�|� � � � � �d�e�f�a�u�l�t�S�e�l�e�c�t�e�d�U�s�e�r�I�d� � � � � �|� � � � � �n�u�m�b�e�r� �|� �n�u�l�l� � � � � �|� � � � � �n�u�l�l� � � � � �|� � � � � �P�r�e�-�s�e�l�e�c�t�e�d� �u�s�e�r� �I�D�.� � � � � �|�
�
�|� � � � � �s�h�o�w�A�v�a�t�a�r� � � � � �|� � � � � �b�o�o�l�e�a�n� � � � � �|� � � � � �t�r�u�e� � � � � �|� � � � � �T�o�g�g�l�e� �d�i�s�p�l�a�y� �o�f� �u�s�e�r� �a�v�a�t�a�r�s�.� � � � � �|�
�
�|� � � � � �s�h�o�w�T�i�t�l�e� � � � � �|� � � � � �b�o�o�l�e�a�n� � � � � �|� � � � � �t�r�u�e� � � � � �|� � � � � �T�o�g�g�l�e� �d�i�s�p�l�a�y� �o�f� �t�e�a�m� �t�i�t�l�e�s�.� � � � � �|�
�
�|� � � � � �d�r�o�p�d�o�w�n�P�o�s�i�t�i�o�n� � � � � �|� � � � � �'�t�o�p�'�|� �'�b�o�t�t�o�m�'�|� �'�l�e�f�t�'�|� �'�r�i�g�h�t�'�|�'�b�o�t�t�o�m�'� � � � � �|� � � � � �C�o�n�t�r�o�l� �d�r�o�p�d�o�w�n� �p�o�s�i�t�i�o�n�.� � � � � �|�
�
�|� � � � � �d�r�o�p�d�o�w�n�S�i�z�e� � � � � �|� � � � � �'�x�s�'�|�'�s�m�'�|� �'�m�d�'�|� �'�l�g�'�|� �'�x�l�'�|�'�m�d�'�|� � � � � �C�o�n�t�r�o�l� �d�r�o�p�d�o�w�n� �s�i�z�e�.� � � � � �|�
�
�
�
�
�
�
�
�#�#� �D�r�o�p�d�o�w�n� �S�i�z�e�s�
�
�
�
�|� �S�i�z�e� � � � � �|� � � � � �W�i�d�t�h� � � � � �|� � � � � �M�a�x� �H�e�i�g�h�t� �|�
�
�|� �:�-�-�-�-� �|� �:�-�-�-�-�:� �|� �-�-�-�-�:� �|�
�
�|� �x�s� � � � � �|� � � � � �1�5�0�p�x� � � � � �|� � � � � �1�5�0�p�x� �|�
�
�|� �s�m� � � � � �|� � � � � �2�0�0�p�x� � � � � �|� � � � � �2�0�0�p�x� �|�
�
�|� �m�d� � � � � �|� � � � � �2�5�0�p�x� � � � � �|� � � � � �2�5�0�p�x� �|�
�
�|� �l�g� � � � � �|� � � � � �3�0�0�p�x� � � � � �|� � � � � �3�0�0�p�x� �|�
�
�|� �x�l� � � � � �|� � � � � �3�5�0�p�x� � � � � �|� � � � � �3�5�0�p�x� �|�
�
�
�
�
�
�
�
�#�#� �R�e�p�o�s�i�t�o�r�y�
�
�
�
�T�h�i�s� �p�a�c�k�a�g�e� �i�s� �o�p�e�n�-�s�o�u�r�c�e�.� �F�e�e�l� �f�r�e�e� �t�o� �c�o�n�t�r�i�b�u�t�e� �o�r� �r�a�i�s�e� �i�s�s�u�e�s� �i�n� �t�h�e� �r�e�p�o�s�i�t�o�r�y�:�
�
�
�
�h�t�t�p�s�:�/�/�g�i�t�h�u�b�.�c�o�m�/�v�e�n�g�a�t�b�a�p�/�s�u�p�e�r�-�s�e�a�r�c�h�a�b�l�e�-�s�e�l�e�c�t�b�o�x�
�
�
�
�
�
�
�
�#�#� �L�i�c�e�n�s�e�
�
�T�h�i�s� �p�r�o�j�e�c�t� �i�s� �l�i�c�e�n�s�e�d� �u�n�d�e�r� �t�h�e� �M�I�T� �L�i�c�e�n�s�e�.�
�
�
�
�
�
�#�#� �A�u�t�h�o�r�
�
�
�
�V�e�n�g�a�t�e�s�a�n� �B�
�
�
�
�G�i�t�H�u�b�:� �h�t�t�p�s�:�/�/�g�i�t�h�u�b�.�c�o�m�/�v�e�n�g�a�t�b�a�p�/�
�
�L�i�n�k�e�d�I�n�
�
�I�n�s�t�a�g�r�a�m�:� �h�t�t�p�s�:�/�/�w�w�w�.�i�n�s�t�a�g�r�a�m�.�c�o�m�/�u�n�k�n�o�w�n�c�o�d�e�r�.�m�e�/�
�
�
�
�