The Telerik UI for Blazor Skeleton component serves as a placeholder representing each of the underlying HTML elements while users are waiting for the page content to load. The Skeleton includes customization options for its shape, height, width, animation type, visibility, and CSS class.
The Blazor Skeleton allows seamless integration with other Blazor UI components, such as the Data Grid, to indicate that content is being loaded. A typical use case is mimicking the grid rows while data loading takes place, depicting a table with skeletons in its columns.
The Skeleton component placeholders can take the form of text (default), а circle, or rectangle. To configure the shape of each skeleton placeholder, you simply need to set the ShapeType parameter to one of the available SkeletonShapeType enum values.
The Telerik UI for Blazor Skeleton component comes with several built-in themes and color swatches, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap and Fluent (based on Microsoft Fluent UI).