Skeleton

The Skeleton component is a placeholder UI element that simulates the layout of content while the actual data is being loaded.

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Missing

Introduction

The Skeleton component is used to provide a visual placeholder that mimics the structure of the content that is being loaded. It helps improve user experience by indicating that content is on its way, reducing perceived loading time. The Skeleton component enhances the overall look and feel of the application by keeping users informed and engaged while the system fetches data.

Avatar Button - Overview example