/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/getting-started/templates/dashboard/components/CardAlert.js
24 строки
857 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Card from '@mui/material/Card'; import CardContent from '@mui/material/CardContent'; import Button from '@mui/material/Button'; import Typography from '@mui/material/Typography'; import AutoAwesomeRoundedIcon from '@mui/icons-material/AutoAwesomeRounded'; export default function CardAlert() { return ( <Card variant="outlined" sx={{ m: 1.5, flexShrink: 0 }}> <CardContent> <AutoAwesomeRoundedIcon fontSize="small" /> <Typography gutterBottom sx={{ fontWeight: 600 }}> Plan about to expire </Typography> <Typography variant="body2" sx={{ mb: 2, color: 'text.secondary' }}> Enjoy 10% off when renewing your plan today. </Typography> <Button variant="contained" size="small" fullWidth> Get the discount </Button> </CardContent> </Card> ); }