Skeleton
Used to render a placeholder while the content is loading.
import { Skeleton, Stack } from '@fidely-ui/react'
export const SkeletonBasic = () => {
return (
<Stack gap={3}>
{[1, 3, 4].map((d) => (
<Skeleton key={d} height={'25px'} />
))}
</Stack>
)
}
Usage
import { Skeleton, SkeletonText } from '@fidely-ui/react'<Stack gap="6" maxW="xs">
<HStack width="full">
<SkeletonText noOfLines={3} />
</HStack>
<Skeleton height="200px" />
</Stack>