[docs] Customize LinearProgress color (mui#12883)

* New colored linear progress has beed added to demo page * yarn prettier
marcelpanse · Oct 2, 2018 · 2b329ea · 2b329ea
1 parent d6e0f80
commit 2b329ea
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/docs/src/pages/demos/progress/LinearIndeterminate.js b/docs/src/pages/demos/progress/LinearIndeterminate.js
@@ -7,6 +7,12 @@ const styles = {
   root: {
     flexGrow: 1,
   },
+  colorPrimary: {
+    backgroundColor: '#B2DFDB',
+  },
+  barColorPrimary: {
+    backgroundColor: '#00695C',
+  },
 };
 
 function LinearIndeterminate(props) {
@@ -16,6 +22,10 @@ function LinearIndeterminate(props) {
       <LinearProgress />
       <br />
       <LinearProgress color="secondary" />
+      <br />
+      <LinearProgress
+        classes={{ colorPrimary: classes.colorPrimary, barColorPrimary: classes.barColorPrimary }}
+      />
     </div>
   );
 }