/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/getting-started/usage/Why.tsx
42 строки
1014 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import TrendingUpIcon from '@mui/icons-material/TrendingUp'; import Box from '@mui/system/Box'; export default function Why() { return ( <Box sx={{ p: 2, minWidth: 300, border: '1px solid', borderColor: 'divider', bgcolor: 'background.default', borderRadius: 2, }} > <Box sx={{ color: 'text.secondary' }}>Sessions</Box> <Box sx={{ color: 'text.primary', fontSize: '2.125rem', fontWeight: 'medium' }} > 98.3 K </Box> <Box component={TrendingUpIcon} sx={{ color: 'success.dark', fontSize: '1rem', verticalAlign: 'sub' }} /> <Box sx={{ display: 'inline', fontSize: '0.875rem', fontWeight: 'bold', color: 'success.dark', mx: 0.5, }} > 18.7% </Box> <Box sx={{ color: 'text.secondary', display: 'inline', fontSize: '0.875rem' }}> vs. last week </Box> </Box> ); }