uiforge-reactcompt
v1.0.0
Published
UiForge is a collection of reusable and customizable React components designed to streamline website UI development. With pre-built components for common web elements, it helps accelerate the creation of clean, interactive, and responsive interfaces.
Downloads
56
Maintainers
Readme
��#� �U�i�F�o�r�g�e�
�
�
�
�#� �A�u�t�o�C�o�u�n�t�e�r� �C�o�m�p�o�n�e�n�t�
�
�
�
�A� �r�e�u�s�a�b�l�e� �R�e�a�c�t� �c�o�m�p�o�n�e�n�t� �f�o�r� �m�a�n�a�g�i�n�g� �a�n�d� �d�i�s�p�l�a�y�i�n�g� �q�u�a�n�t�i�t�y� �c�o�u�n�t�e�r�s� �o�n� �w�e�b�s�i�t�e�s�.� �I�t� �s�u�p�p�o�r�t�s� �i�n�c�r�e�m�e�n�t�i�n�g�,� �d�e�c�r�e�m�e�n�t�i�n�g�,� �a�n�d� �c�u�s�t�o�m�i�z�a�b�l�e� �s�t�y�l�e�s� �l�i�k�e� �f�o�n�t� �s�i�z�e� �a�n�d� �c�o�l�o�r�.� �T�h�i�s� �c�o�m�p�o�n�e�n�t� �i�s� �i�d�e�a�l� �f�o�r� �u�s�e� �c�a�s�e�s� �l�i�k�e� �s�h�o�p�p�i�n�g� �c�a�r�t�s�,� �c�o�u�n�t�e�r�s�,� �o�r� �a�n�y� �U�I� �w�h�e�r�e� �a� �n�u�m�e�r�i�c� �v�a�l�u�e� �n�e�e�d�s� �t�o� �b�e� �d�i�s�p�l�a�y�e�d� �a�n�d� �a�n�i�m�a�t�e�d�.�
�
�
�
�#�#� �I�n�s�t�a�l�l�a�t�i�o�n�
�
�
�
�T�o� �i�n�s�t�a�l�l� �t�h�e� ��u�i�f�o�r�g�e�
� �c�o�m�p�o�n�e�n�t�,� �y�o�u� �c�a�n� �u�s�e� �n�p�m�:�
�
�
�
��
��b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l� �u�i�f�o�r�g�e�
�
�
�
�O�r� �w�i�t�h� �Y�a�r�n�:�
�
�
�
�y�a�r�n� �a�d�d� �a�u�t�o�c�o�u�n�t�e�r�
�
�
�
�
��
�
�
�
�
�#�#� �U�s�a�g�e�
�
�
�
�i�m�p�o�r�t� �{� �A�u�t�o�C�o�u�n�t�e�r� �}� �f�r�o�m� �'�a�u�t�o�c�o�u�n�t�e�r�'�;�
�
�
�
�f�u�n�c�t�i�o�n� �A�p�p�(�)� �{�
�
�r�e�t�u�r�n� �(�
�
�
�
�<�d�i�v�>�
�
�<�h�1�>�A�u�t�o� �C�o�u�n�t�e�r� �E�x�a�m�p�l�e�<�/�h�1�>�
�
�<�A�u�t�o�C�o�u�n�t�e�r� �q�u�a�n�t�i�t�y�=�{�1�0�0�}� �d�e�l�a�y�=�{�2�0�}� �s�i�z�e�=�"�2�4�"� �c�o�l�o�r�=�"�b�l�u�e�"� �/�>�
�
�<�/�d�i�v�>�
�
�)�;�
�
�}�
�
�
�
�e�x�p�o�r�t� �d�e�f�a�u�l�t� �A�p�p�;�
�
�
�
�#�#� �E�x�a�m�p�l�e�
�
�
�
�<�A�u�t�o�C�o�u�n�t�e�r� �
�
� � �q�u�a�n�t�i�t�y�=�{�1�0�0�0�}� �
�
� � �d�e�l�a�y�=�{�5�0�}� �
�
� � �s�i�z�e�=�"�3�0�"� �
�
� � �c�o�l�o�r�=�"�g�r�e�e�n�"� �
�
�/�>�
�
�
�
�#�#� �P�r�o�p�s�
�
�
�
�-� ����q�u�a�n�t�i�t�y�
��� �(��n�u�m�b�e�r�
�)�:� � �
�
� � �T�h�e� �t�a�r�g�e�t� �q�u�a�n�t�i�t�y� �(�a� �p�o�s�i�t�i�v�e� �i�n�t�e�g�e�r�)�.� �T�h�i�s� �i�s� �t�h�e� �n�u�m�b�e�r� �t�h�e� �c�o�u�n�t�e�r� �w�i�l�l� �i�n�c�r�e�m�e�n�t� �t�o�w�a�r�d�s�.� � �
�
� � ���R�e�q�u�i�r�e�d���
�
�
�
�-� ����d�e�l�a�y�
��� �(��n�u�m�b�e�r�
�)�:� � �
�
� � �T�h�e� �d�e�l�a�y� �i�n� �m�i�l�l�i�s�e�c�o�n�d�s� �b�e�t�w�e�e�n� �e�a�c�h� �i�n�c�r�e�m�e�n�t�.� �T�h�e� �d�e�f�a�u�l�t� �i�s� �1�0�m�s�.� � �
�
� � ���D�e�f�a�u�l�t� �V�a�l�u�e���:� ��1�0�
�
�
�
�
�-� ����s�i�z�e�
��� �(��s�t�r�i�n�g� �|� �n�u�m�b�e�r�
�)�:� � �
�
� � �T�h�e� �f�o�n�t� �s�i�z�e� �o�f� �t�h�e� �d�i�s�p�l�a�y�e�d� �n�u�m�b�e�r�.� �Y�o�u� �c�a�n� �p�a�s�s� �a� �s�t�r�i�n�g� �(�e�.�g�.�,� ��"�1�8�p�x�"�
�)� �o�r� �a� �n�u�m�b�e�r� �(�e�.�g�.�,� ��1�8�
�)�.� � �
�
� � ���D�e�f�a�u�l�t� �V�a�l�u�e���:� ��"�1�8�"�
�
�
�
�
�-� ����c�o�l�o�r�
��� �(��s�t�r�i�n�g�
�)�:� � �
�
� � �T�h�e� �c�o�l�o�r� �o�f� �t�h�e� �c�o�u�n�t�e�r� �t�e�x�t�.� �Y�o�u� �c�a�n� �u�s�e� �a�n�y� �v�a�l�i�d� �C�S�S� �c�o�l�o�r� �v�a�l�u�e�.� � �
�
� � ���D�e�f�a�u�l�t� �V�a�l�u�e���:� ��"�b�l�a�c�k�"�
�
�
�
�
�#�#� �C�o�n�t�r�i�b�u�t�i�n�g�
�
�
�
�I�f� �y�o�u� �w�o�u�l�d� �l�i�k�e� �t�o� �c�o�n�t�r�i�b�u�t�e� �t�o� �t�h�i�s� �p�r�o�j�e�c�t�,� �p�l�e�a�s�e� �f�e�e�l� �f�r�e�e� �t�o� �f�o�r�k� �t�h�e� �r�e�p�o�s�i�t�o�r�y� �a�n�d� �s�u�b�m�i�t� �a� �p�u�l�l� �r�e�q�u�e�s�t�.� �A�l�l� �c�o�n�t�r�i�b�u�t�i�o�n�s� �a�r�e� �w�e�l�c�o�m�e�!�
�
�
�
�#�#� �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� �I�S�C� �L�i�c�e�n�s�e� �-� �s�e�e� �t�h�e� �L�I�C�E�N�S�E� �f�i�l�e� �f�o�r� �d�e�t�a�i�l�s�.�
�
�
�
�#�#� �B�u�g�s� �a�n�d� �I�s�s�u�e�s�
�
�
�
�I�f� �y�o�u� �e�n�c�o�u�n�t�e�r� �a�n�y� �i�s�s�u�e�s� �o�r� �b�u�g�s�,� �p�l�e�a�s�e� �f�i�l�e� �a�n� �i�s�s�u�e� �o�n� �t�h�e� �G�i�t�H�u�b� �r�e�p�o�s�i�t�o�r�y�:�
�
�
�
�h�t�t�p�s�:�/�/�g�i�t�h�u�b�.�c�o�m�/�l�o�k�e�s�h�k�u�m�a�r�-�2�0�0�3�/�U�i�F�o�r�g�e�/�i�s�s�u�e�s�
�
�
�
�#�#� �A�u�t�h�o�r�s�
�
�
�
�L�o�k�e�s�h� �K�u�m�a�r� �-� �I�n�i�t�i�a�l� �w�o�r�k� �-� �l�o�k�e�s�h�k�u�m�a�r�-�2�0�0�3�
�
�B�a�l�a�j�i� �-� �C�o�n�t�r�i�b�u�t�o�r� �-� �b�a�l�a�j�i�
�
�