update stories with color.hex

swiftcarrot · Dec 25, 2020 · 520b11c · 520b11c
1 parent a88bde0
commit 520b11c
Showing 1 changed file with 22 additions and 10 deletions.
diff --git a/stories/InputColor.stories.js b/stories/InputColor.stories.js
@@ -17,16 +17,22 @@ export const Demo = () => {
 
   return (
     <div>
-      <div
+      <pre
+        style={{
+          marginBottom: 20,
+          backgroundColor: color.hex,
+        }}
+      >
+        {JSON.stringify(color, null, 2)}
+      </pre>
+      <pre
         style={{
-          width: 50,
-          height: 50,
           marginBottom: 20,
           backgroundColor: color.rgba,
         }}
       >
-        {color.rgba}
-      </div>
+        {JSON.stringify(color, null, 2)}
+      </pre>
       <input
         type="color"
         value={color.hex}
@@ -48,16 +54,22 @@ export const Alpha = () => {
 
   return (
     <div>
-      <div
+      <pre
+        style={{
+          marginBottom: 20,
+          backgroundColor: color.hex,
+        }}
+      >
+        {JSON.stringify(color, null, 2)}
+      </pre>
+      <pre
         style={{
-          width: 50,
-          height: 50,
           marginBottom: 20,
           backgroundColor: color.rgba,
         }}
       >
-        {color.rgba}
-      </div>
+        {JSON.stringify(color, null, 2)}
+      </pre>
       <InputColor initialValue="#5e72e412" onChange={handleChange} />
     </div>
   );