Version: Next

Skeleton

The Skeleton component provides loading states that reduce layout shift.

Basic Usage

Live Editor

function Example() {
  return (
    <ThemeProvider>
      <Skeleton style={{ width: 240, height: 16 }} />
    </ThemeProvider>
  );
}

Result