color-panel
v0.5.0
Published
React Color Panel Component
Downloads
3
Readme
��#�#� �S�y�n�o�p�s�i�s�
�
�
�
�A� �R�e�a�c�t� �C�o�m�p�o�n�e�n�t� �f�o�r� �a� �c�o�l�o�r� �p�a�n�e�l�.� �T�h�e� �c�o�l�o�r� �p�a�n�e�l� �a�c�c�e�p�t�s� �a� �p�a�r�a�m�e�t�e�r� �o�f� �h�e�i�g�h�t� �a�n�d� �w�i�d�t�h�.� �I�t� �t�h�e�n� �e�v�e�n�l�y� �d�i�s�t�r�i�b�u�t�e�s� �t�h�o�s�e� �c�o�l�o�r�s� �i�n� �a� �c�o�l�u�m�n� �f�a�s�h�i�o�n�.� �
�
�
�
�!�[�a�l�t� �t�e�x�t�]�(�s�c�r�e�e�n�s�h�o�t�.�p�n�g�)�
�
�
�
�#�#� �C�o�d�e� �E�x�a�m�p�l�e�
�
�
�
�D�o�w�n�l�o�a�d� �f�r�o�m� �N�P�M� ��n�p�m� �i�n�s�t�a�l�l� �c�o�l�o�r�-�p�a�n�e�l� �-�-�s�a�v�e�
�
�
�
�
�T�h�e�n� �i�n�c�l�u�d�e� �t�h�e� �c�o�m�p�o�n�e�n�t� �i�n�t�o� �y�o�u�r� �r�e�a�c�t� �l�i�k�e� �s�o�:�
�
��
��j�a�v�a�s�c�r�i�p�t�
�
�'�u�s�e� �s�t�r�i�c�t�'�;�
�
�
�
�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� �R�e�a�c�t�D�O�M� �f�r�o�m� �'�r�e�a�c�t�-�d�o�m�'�;�
�
�i�m�p�o�r�t� �C�o�l�o�r�P�a�n�e�l� �f�r�o�m� �'�c�o�m�p�o�n�e�n�t�/�i�n�d�e�x�.�j�s�x�'�;�
�
�
�
�R�e�a�c�t�D�O�M�.�r�e�n�d�e�r�(�
�
� � � � �<�C�o�l�o�r�P�a�n�e�l� �c�o�l�o�r�s�=�{�[�'�#�0�0�0�'�,� �'�#�3�3�3�'�,� �'�#�6�6�6�'�,� �'�#�9�9�9�'�,� �'�#�c�c�c�'�,� �'�#�f�f�f�'�]�}� �w�i�d�t�h�=�"�1�5�e�m�"� �h�e�i�g�h�t�=�"�1�.�5�e�m�"� �/�>�,�
�
� � � � �d�o�c�u�m�e�n�t�.�g�e�t�E�l�e�m�e�n�t�B�y�I�d�(�'�e�n�t�r�y�'�)�
�
�)�;�
�
�
��
�
�
�
�
�#�#� �G�e�t� �S�t�a�r�t�e�d�
�
�
�
�D�o�w�n�l�o�a�d� �f�r�o�m� �N�P�M� ��n�p�m� �i�n�s�t�a�l�l� �c�o�l�o�r�-�p�a�n�e�l� �-�-�s�a�v�e�
�
�
�
�
�#�#� �L�i�c�e�n�s�e�
�
�
�
�M�I�T�