Kendo UI for Vue Skeleton Overview

The Native Skeleton component helps developers to speed up the initial page load time by displaying a simplified preview of the content. This preview acts as a placeholder for the content while it loads. At the same time, the user will get a general idea about what will appear on the page.

The Kendo UI for Vue Native Skeleton is distributed through the kendo-vue-indicators NPM package.

The Indicators Package is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Skeleton in action.

Example
View Source
Change Theme:

The Skeleton is part of the Kendo UI for Vue Native Indicators component library. The procedures for installing, importing, and using the Indicators are identical for all components in the package. To learn how to use the Skeleton and the rest of the Indicators, see the Getting Started with the Kendo UI for Vue Indicators guide.

Key Features

  • Appearance—You can quickly style the Skeleton by choosing from the predefined styling options.
  • Dynamic Content Change—See how to dynamically replace the Skeleton with a loaded content.

Support and Learning Resources

Additional Resources