/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/skeleton/SkeletonTypography.js
37 строк
828 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Typography from '@mui/material/Typography'; import PropTypes from 'prop-types'; import Skeleton from '@mui/material/Skeleton'; import Grid from '@mui/material/Grid'; const variants = ['h1', 'h3', 'body1', 'caption']; function TypographyDemo(props) { const { loading = false } = props; return ( <div> {variants.map((variant) => ( <Typography component="div" key={variant} variant={variant}> {loading ? <Skeleton /> : variant} </Typography> ))} </div> ); } TypographyDemo.propTypes = { loading: PropTypes.bool, }; export default function SkeletonTypography() { return ( <Grid container spacing={8}> <Grid size="grow"> <TypographyDemo loading /> </Grid> <Grid size="grow"> <TypographyDemo /> </Grid> </Grid> ); }