Update
This commit is contained in:
15
resources/js/components/ui/grid-skeleton.jsx
Normal file
15
resources/js/components/ui/grid-skeleton.jsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Skeleton } from "./skeleton";
|
||||
|
||||
const GridSkeleton = ({ itemCount = 6 }) => {
|
||||
return (
|
||||
<div className="grid grid-cols-2 gap-2 p-2">
|
||||
{Array.from({ length: itemCount }, (_, index) => (
|
||||
<div key={index} className="relative">
|
||||
<div className="aspect-[9/16] w-full rounded-lg bg-gradient-to-r from-gray-200 via-white to-gray-200 bg-[length:200%_100%] animate-shimmer" />
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export { GridSkeleton };
|
||||
Reference in New Issue
Block a user