67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
|
|
import { Group, Skeleton, Stack } from "@mantine/core";
|
|
|
|
export default function Validasi_SkeletonView() {
|
|
return (
|
|
<Stack align="center" justify="center" h={"100vh"} spacing={50}>
|
|
<CustomSkeleton h={30} w={250} radius={"xl"} />
|
|
<Stack spacing={"md"} align="center">
|
|
<Stack mb={15}>
|
|
<CustomSkeleton h={20} w={250} radius={"xl"} />
|
|
<CustomSkeleton h={20} w={250} radius={"xl"} />
|
|
</Stack>
|
|
|
|
<Group mb={10}>
|
|
{Array.from({ length: 4 }).map((_, i) => (
|
|
<CustomSkeleton key={i} h={50} w={50} radius={"sm"} />
|
|
))}
|
|
</Group>
|
|
<CustomSkeleton h={20} w={250} radius={"xl"} />
|
|
</Stack>
|
|
<CustomSkeleton h={50} w={250} radius={"sm"} />
|
|
</Stack>
|
|
);
|
|
}
|
|
{/* <Stack align="center" justify="center" h={"100vh"} spacing={50}>
|
|
<Skeleton h={30} w={250} radius={"xl"} />
|
|
<Stack>
|
|
<Skeleton h={20} w={250} radius={"xl"} />
|
|
<Skeleton h={20} w={250} radius={"xl"} />
|
|
</Stack>
|
|
|
|
<Group>
|
|
{Array.from({ length: 4 }).map((_, i) => (
|
|
<Skeleton key={i} h={50} w={50} radius={"sm"} />
|
|
))}
|
|
</Group>
|
|
|
|
<Skeleton h={20} w={250} radius={"xl"} />
|
|
|
|
<Skeleton h={50} w={250} radius={"sm"} />
|
|
</Stack> */}
|
|
|
|
// import { Stack, Skeleton, Group } from "@mantine/core";
|
|
|
|
// export default function Validasi_SkeletonView() {
|
|
// return (
|
|
// <Stack align="center" justify="center" h={"100vh"} spacing={50}>
|
|
// <Skeleton h={30} w={250} radius={"xl"} />
|
|
// <Stack spacing={"md"} align="center">
|
|
// <Stack mb={15}>
|
|
// <Skeleton h={20} w={250} radius={"xl"} />
|
|
// <Skeleton h={20} w={250} radius={"xl"} />
|
|
// </Stack>
|
|
|
|
// <Group mb={10}>
|
|
// {Array.from({ length: 4 }).map((_, i) => (
|
|
// <Skeleton key={i} h={50} w={50} radius={"sm"} />
|
|
// ))}
|
|
// </Group>
|
|
|
|
// <Skeleton h={20} w={250} radius={"xl"} />
|
|
// </Stack>
|
|
// <Skeleton h={50} w={250} radius={"sm"} />
|
|
// </Stack>
|
|
// );
|
|
// }
|