Skeleton - Keep React
Table of Contents#
- Default Skeleton
- Skeleton Layout
- Comment Layout
- Post Skeleton
- Paragraph Skeleton
- Skeleton With Animation
- API Reference
The Default Skeleton component provides a visual placeholder that mimics the appearance of loading content. It presents a line of skeleton components and serves as a foundation for different skeleton layouts.
<Skeleton> component, you can create various layout structures to match your design. This example showcases one possible skeleton layout, but you can tailor it to your specific requirements.
The Comment Layout skeleton mimics a comment structure with a larger line, an avatar-like circle, and a description skeleton. You can customize this layout to fit your design seamlessly.
The Post Skeleton demonstrates a skeleton representing a post-like structure, ideal for showcasing loading placeholders in a social media or content platform.
The Paragraph Skeleton incorporates multiple lines of skeleton components, resembling a paragraph. It's a versatile choice for loading various content blocks.
Skeleton With Animation#
To enhance the loading experience, you can add animation to the skeleton component by using the
For comprehensive details about the Skeleton component's properties, refer to the API documentation.
|animation||Skeleton animation to be animated||boolean||false|
|height||Skeleton item height||string||h-4|