/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/avatars/BackgroundLetterAvatars.js
41 строка
924 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Avatar from '@mui/material/Avatar'; import Stack from '@mui/material/Stack'; function stringToColor(string) { let hash = 0; let i; /* eslint-disable no-bitwise */ for (i = 0; i < string.length; i += 1) { hash = string.charCodeAt(i) + ((hash << 5) - hash); } let color = '#'; for (i = 0; i < 3; i += 1) { const value = (hash >> (i * 8)) & 0xff; color += `00${value.toString(16)}`.slice(-2); } /* eslint-enable no-bitwise */ return color; } function stringAvatar(name) { return { sx: { bgcolor: stringToColor(name), }, children: `${name.split(' ')[0][0]}${name.split(' ')[1][0]}`, }; } export default function BackgroundLetterAvatars() { return ( <Stack direction="row" spacing={2}> <Avatar {...stringAvatar('Kent Dodds')} /> <Avatar {...stringAvatar('Jed Watson')} /> <Avatar {...stringAvatar('Tim Neutkens')} /> </Stack> ); }