Skeleton

Use to show a placeholder while content is loading.

Default

The standard skeleton placeholder.

Card

A skeleton layout matching a card structure.

Colors

Skeletons can be customized with different background colors to match your theme.

Educational Examples

Examples showing how to use skeletons for different content types with explanations.

Profile Loading

Skeletons are used to provide a visual cue that content is being loaded. This improves perceived performance by showing the user where content will appear.

Article Preview

For more complex layouts like articles or blog posts, combine multiple skeleton elements to match the structure of the final content.

Installation & Usage

Installation

Imports

Basic Usage

API Reference

Helm API

The Helm component provides the spartan/ui styling for the skeleton.

DirectiveSelectorDescription
HlmSkeleton[hlmSkeleton], hlm-skeleton The main skeleton directive that provides the pulse animation and base styling.

Brain API

Skeleton is currently a styling-only component and does not have a Brain implementation.