Skip to content

Instantly share code, notes, and snippets.

@toruticas
Last active June 18, 2020 23:54
Show Gist options
  • Save toruticas/e4800349449875b34776a6506014aa86 to your computer and use it in GitHub Desktop.
Save toruticas/e4800349449875b34776a6506014aa86 to your computer and use it in GitHub Desktop.
const ProfileContainer: FC = () => (
<Suspense fallback={<SkeletonLoading />}>
<ProfileData />
</Suspense>
)
import React, { FC } from 'react'
import Skeleton from 'react-loading-skeleton'
const SkeletonLoading: FC = () => (
<div>
<Skeleton height={260} width={260} />
<Skeleton height={24} style={{ marginTop: 22 }} />
<Skeleton height={20} style={{ marginTop: 10, marginBottom: 22 }} />
<Skeleton height={14} count={3} style={{ marginTop: 4 }} />
</div>
)
export { SkeletonLoading }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment