Skip to main content

LoadingSection

Feedback
View Docs

Section-level content wrapper with loading overlay

loadingsectionoverlaycontent

Demo

Section with Content

Dashboard Summary

Revenue

$45,231

Users

2,350

Orders

1,247

This content is blurred behind the loading overlay. The section maintains its minimum height even when content is loading.

Independent Section Loading States

Recent Activity

  • User signed up - 2m ago
  • Order placed - 5m ago
  • Payment received - 12m ago

Quick Stats

  • Active users: 1,234
  • Uptime: 99.9%
  • Response time: 45ms

Left section is loading; right section has completed loading. Each section manages its own state.

Without Backdrop Blur

Content is visible without blur effect behind the overlay.

Usage

import { LoadingSection } from '@classic-homes/theme-svelte';

Related Components