/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/dividers/IntroDivider.js
41 строка
1 KB
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 Box from '@mui/material/Box'; import Chip from '@mui/material/Chip'; import Stack from '@mui/material/Stack'; import Divider from '@mui/material/Divider'; import Typography from '@mui/material/Typography'; export default function IntroDivider() { return ( <Card variant="outlined" sx={{ maxWidth: 360 }}> <Box sx={{ p: 2 }}> <Stack direction="row" sx={{ justifyContent: 'space-between', alignItems: 'center' }} > <Typography gutterBottom variant="h5" component="div"> Toothbrush </Typography> <Typography gutterBottom variant="h6" component="div"> $4.50 </Typography> </Stack> <Typography variant="body2" sx={{ color: 'text.secondary' }}> Pinstriped cornflower blue cotton blouse takes you on a walk to the park or just down the hall. </Typography> </Box> <Divider /> <Box sx={{ p: 2 }}> <Typography gutterBottom variant="body2"> Select type </Typography> <Stack direction="row" spacing={1}> <Chip color="primary" label="Soft" size="small" /> <Chip label="Medium" size="small" /> <Chip label="Hard" size="small" /> </Stack> </Box> </Card> ); }