redhare-demo/components/skeleton/OrderSkeleton.js

19 lines
863 B
JavaScript

import { Skeleton } from 'components'
export default function OrderSkeleton() {
return (
<Skeleton count={5}>
<Skeleton.Items className="mb-8 space-y-2">
<Skeleton.Item animated="background" height="h-5" width="w-64" className="rounded-full" />
<Skeleton.Item animated="background" height="h-5" width="w-20" className="rounded-md" />
<div className="flex gap-x-3">
<Skeleton.Item animated="background" height="h-20" width="w-20" className="rounded-md" />
<Skeleton.Item animated="background" height="h-20" width="w-20" className="rounded-md" />
<Skeleton.Item animated="background" height="h-20" width="w-20" className="rounded-md" />
<Skeleton.Item animated="background" height="h-20" width="w-20" className="rounded-md" />
</div>
</Skeleton.Items>
</Skeleton>
)
}