background

Kendo UI for Vue

Vue Skeleton

  • Help speed up load times by displaying a placeholder on the screen while content loads. This helps the user get started on the page right away rather than waiting for all the content.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Skeleton
  • Overview

    Part of the Vue Indicators library, the Skeleton displays an animated placeholder in the place that content is in the process of loading. This helps speed up load times and makes users happy by getting them started on the page immediately.

    See the Vue Skeleton demo

    skeleton overview
  • Dynamic Content Change

    When the associated content is finished loading, the Vue Skelton can replace the placeholder with the actual content.

    See the Vue Skeleton Dynamic Content Change demo

  • Appearance

    In order to represent the loading content, the Vue Skelton provides three shapes: circle, text (since line), and rectangle (text area).

    See the Vue Skeleton Appearance demo

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka