/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/rating/CustomizedRating.js
33 строки
1 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { styled } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Rating from '@mui/material/Rating'; import FavoriteIcon from '@mui/icons-material/Favorite'; import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder'; import Typography from '@mui/material/Typography'; const StyledRating = styled(Rating)({ '& .MuiRating-iconFilled': { color: '#ff6d75', }, '& .MuiRating-iconHover': { color: '#ff3d47', }, }); export default function CustomizedRating() { return ( <Box sx={{ '& > legend': { mt: 2 } }}> <Typography component="legend">Custom icon and color</Typography> <StyledRating name="customized-color" defaultValue={2} getLabelText={(value) => `${value} Heart${value !== 1 ? 's' : ''}`} precision={0.5} icon={<FavoriteIcon fontSize="inherit" />} emptyIcon={<FavoriteBorderIcon fontSize="inherit" />} /> <Typography component="legend">10 stars</Typography> <Rating name="customized-10" defaultValue={2} max={10} /> </Box> ); }