nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
collections
/
components
/
collectionsNavList
/
Skeleton.CollectionsNavList.tsx
667 B
26 lines
1import { Group, Skeleton, Text, Stack } from '@mantine/core';
2
3export default function CollectionsNavListSkeleton() {
4 return (
5 <Stack gap={'xs'}>
6 <Group justify="space-between">
7 <Text fw={600} fz={'sm'} c={'gray'}>
8 Collections
9 </Text>
10
11 <Group gap={'xs'}>
12 <Skeleton radius={'xl'} h={30} w={73} />
13 <Skeleton radius={'xl'} h={26} w={26} />
14 </Group>
15 </Group>
16
17 <Stack gap={0}>
18 <Stack gap={5} my={'sm'}>
19 <Skeleton h={40} w={'100%'} />
20 <Skeleton h={40} w={'100%'} />
21 <Skeleton h={40} w={'100%'} />
22 </Stack>
23 </Stack>
24 </Stack>
25 );
26}