KendoReact
React Skeleton
- Reduce perceived initial load times by showing sleek looking placeholders while content loads.
- Part of the KendoReact library along with 100+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, learning resources and more!
-
Display a Placeholder on the Screen While Data is Loading
The React Skeleton component acts as a placeholder element that represents any type of HTML structure while users are waiting for it to load. A modern user experience staple, the React Skeleton replaces the need to use a loading indicator as it displays a preview of content that is about to be loaded. The KendoReact Skeleton can be used to build HTML elements that are close to the shape and size of the expected content, giving users a perceived performance boost.
-
Appearance
Thanks to the available out-of-the-box shape and animation options, the KendoReact Skeleton component can easily represent common HTML element shapes like a circle, rectangle or even text shapes. The animation options change from no animation, a pulse animation and a wave animation.
