Improve demo

mui · Mar 31, 2022 · f808c59 · f808c59
1 parent 03c1201
commit f808c59
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/docs/pages/experiments/joy/chip.tsx b/docs/pages/experiments/joy/chip.tsx
@@ -64,10 +64,10 @@ export default function JoyChip() {
                   key={`${value}-without-decorator`}
                   sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}
                 >
-                  <Chip label={`${propName}: ${value}`} {...{ [propName]: value }} />
-                  {value && (
+                  <Chip {...{ [propName]: value }}>{`${propName}: ${value}`}</Chip>
+                  {value !== undefined && (
                     <Typography level="body3" sx={{ textAlign: 'center', mt: '4px' }}>
-                      {value}
+                      {`${value}`}
                     </Typography>
                   )}
                 </Box>
@@ -89,12 +89,11 @@ export default function JoyChip() {
                   <Chip
                     startDecorator={<ThumbUp />}
                     endDecorator={<ArrowDropDown />}
-                    label={`${propName}: ${value}`}
                     {...{ [propName]: value }}
-                  />
-                  {value && (
+                  >{`${propName}: ${value}`}</Chip>
+                  {value !== undefined && (
                     <Typography level="body3" sx={{ textAlign: 'center', mt: '4px' }}>
-                      {value}
+                      {`${value}`}
                     </Typography>
                   )}
                 </Box>