Merge pull request #3 from stefang/master

Fixed missing props prefix
twisty · Nov 17, 2019 · 2ba48f3 · 2ba48f3
2 parents 38a0597 + 7bd5566
commit 2ba48f3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -177,7 +177,7 @@ export class RadialProgress extends React.Component<Props, State> {
           position: 'absolute',
           textAlign: 'center',
           color: this.props.ringFgColour,
-          fontSize: `${diameter / fontRatio}px`,
+          fontSize: `${diameter / this.props.fontRatio}px`,
         };
         return (
           <div className="RadialProgressIndicator__label" style={style}>

diff --git a/stories/radial-progress.js b/stories/radial-progress.js
@@ -132,6 +132,17 @@ stories
       text={(steps, proportion) => `${Math.floor(proportion * 100)}%`}
     />
   ))
+  .add('Custom font ratio', () => (
+    <RadialProgress
+      steps={5}
+      step={5}
+      width={200}
+      height={200}
+      fontRatio={8}
+      showIntermediateProgress={true}
+      text={(steps, proportion) => `${Math.floor(proportion * 100)}%`}
+    />
+  ))
   .add('Small, with custom text', () => (
     <div style={{ fontWeight: 'bold' }}>
       <RadialProgress