From c70f4542d503db5a606232ba4951898c6fc58369 Mon Sep 17 00:00:00 2001
From: Marcus Kazmierczak <marcus@mkaz.com>
Date: Fri, 18 Oct 2019 06:45:25 -0700
Subject: [PATCH] Storybook: Add knobs to ColorIndicator (#18015)

* Add knobs to ColorIndicator

* Lint: new line
---
 .../src/color-indicator/stories/index.js         | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/color-indicator/stories/index.js b/packages/components/src/color-indicator/stories/index.js
index 3e9400b0919c1..d14f180abbe25 100644
--- a/packages/components/src/color-indicator/stories/index.js
+++ b/packages/components/src/color-indicator/stories/index.js
@@ -1,13 +1,21 @@
+/**
+ * External dependencies
+ */
+import { text } from '@storybook/addon-knobs';
+
 /**
  * Internal dependencies
  */
 import ColorIndicator from '../';
 
 export default {
-	title: 'Color Indicator',
+	title: 'ColorIndicator',
 	component: ColorIndicator,
 };
 
-export const _default = () => (
-	<ColorIndicator colorValue="#0073aa" />
-);
+export const _default = () => {
+	const color = text( 'Color', '#0073aa' );
+	return (
+		<ColorIndicator colorValue={ color } />
+	);
+};