fixed docs default variant references

mui · Sep 21, 2020 · 7019d08 · 7019d08
1 parent d5834ee
commit 7019d08
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/src/pages/components/chips/ChipsPlayground.js b/docs/src/pages/components/chips/ChipsPlayground.js
@@ -29,7 +29,7 @@ function ChipsPlayground(props) {
     onDelete: 'none',
     avatar: 'none',
     icon: 'none',
-    variant: 'default',
+    variant: 'filled',
     size: 'medium',
   });
   const { color, onDelete, avatar, icon, variant, size } = state;
@@ -47,7 +47,7 @@ function ChipsPlayground(props) {
 
   const colorToCode = color !== 'default' ? `color="${color}" ` : '';
   const sizeToCode = size === 'small' ? `size="small" ` : '';
-  const variantToCode = variant !== 'default' ? `variant="${variant}" ` : '';
+  const variantToCode = variant !== 'filled' ? `variant="${variant}" ` : '';
 
   let onDeleteToCode;
   switch (onDelete) {
@@ -132,9 +132,9 @@ function ChipsPlayground(props) {
                 onChange={handleChange}
               >
                 <FormControlLabel
-                  value="default"
+                  value="filled"
                   control={<Radio />}
-                  label="default"
+                  label="filled"
                 />
                 <FormControlLabel
                   value="outlined"

diff --git a/docs/src/pages/components/chips/chips.md b/docs/src/pages/components/chips/chips.md
@@ -48,7 +48,7 @@ gain depth while clicked or touched.
 
 You can use the `size` prop to define a small Chip.
 
-### Default variant
+### Filled variant
 
 {{"demo": "pages/components/chips/SmallChips.js"}}