23 lines
522 B
TypeScript
23 lines
522 B
TypeScript
import { Box, Divider, Grid, Skeleton } from '@mantine/core';
|
|
import React from 'react';
|
|
|
|
export default function SkeletonUser() {
|
|
return (
|
|
<div>
|
|
<Box>
|
|
<Grid p={10} align="center">
|
|
<Grid.Col span={2}>
|
|
<Skeleton w={50} h={50} radius={100} />
|
|
</Grid.Col>
|
|
<Grid.Col span={9}>
|
|
<Skeleton w={"50%"} h={20} />
|
|
<Skeleton mt={5} w={"30%"} h={10} />
|
|
</Grid.Col>
|
|
</Grid>
|
|
</Box>
|
|
<Divider my={10} />
|
|
</div>
|
|
);
|
|
}
|
|
|