[docs] Format number icons search (#32239)

mui · Apr 11, 2022 · 209c3b4 · 209c3b4
1 parent a8db12e
commit 209c3b4
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
@@ -404,6 +404,10 @@ const Paper = styled(MuiPaper)(({ theme }) => ({
   width: '100%',
 }));
 
+function formatNumber(value) {
+  return new Intl.NumberFormat('en-US').format(value);
+}
+
 const Input = styled(InputBase)({
   marginLeft: 8,
   flex: 1,
@@ -558,7 +562,9 @@ export default function SearchIcons() {
             inputProps={{ 'aria-label': 'search icons' }}
           />
         </Paper>
-        <Typography sx={{ mb: 1 }}>{`${icons.length} matching results`}</Typography>
+        <Typography sx={{ mb: 1 }}>{`${formatNumber(
+          icons.length,
+        )} matching results`}</Typography>
         <Icons icons={icons} handleOpenClick={handleOpenClick} />
       </Grid>
       <DialogDetails