docs(pie): add examples for custom tooltip

plouc · May 30, 2018 · a309abe · a309abe
1 parent d373442
commit a309abe
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/packages/nivo-pie/stories/pie.stories.js b/packages/nivo-pie/stories/pie.stories.js
@@ -49,7 +49,7 @@ stories.add('custom radial label', () => (
     />
 ))
 
-stories.add('with formatted values', () => (
+stories.add('formatted tooltip values', () => (
     <Pie
         {...commonProperties}
         tooltipFormat={value =>
@@ -59,3 +59,22 @@ stories.add('with formatted values', () => (
         }
     />
 ))
+
+stories.add('custom tooltip', () => (
+    <Pie
+        {...commonProperties}
+        tooltip={({ id, value, color }) => (
+            <strong style={{ color }}>
+                {id}: {value}
+            </strong>
+        )}
+        theme={{
+            tooltip: {
+                container: {
+                    background: '#333',
+                },
+            },
+        }}
+    />
+))
+