Active property upon pallete.

Author: odeadglaz

README.md

@@ -63,6 +63,7 @@ const App = () => {
 | `color` | `String` | `` | Yes | The stop color, can be either hex of rgb format.
 | `offset`| `Number` | `` | `Yes` | The stop color offset in percent.
 | `opacity`| `Number` | `1` | `No` | The stop color opacity.
+| `active`| `Boolean` | `` | `No` | Rather the current color is active (selected) or not.
 
 ## Angle Picke Usage
 <img width="200" alt="gradient_preview" src="/assets/ap.png"> <br/>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-linear-gradient-picker",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "React linear gradient picker",
   "main": "dist/index.js",
   "scripts": {

src/components/GradientPicker/index.js

@@ -92,7 +92,12 @@ const GradientPicker = ({
 
 	const handlePaletteChange = (palette) => {
 		const sortedPalette = sortPalette(palette)
-			.map(({ offset, ...rest }) => ({ offset: Number(offset).toFixed(3), ...rest }));
+			.map(({ offset, id, ...rest }) => ({
+				id,
+				offset: Number(offset).toFixed(3),
+				active: id === activeColorId,
+				...rest
+			}));
 
 		onPaletteChange(sortedPalette);
 	};