Skeleton

Skeleton displays placeholder content with animated loading effects while actual content is being loaded. Skeletons provide visual feedback that content is loading and help maintain layout stability during data fetching. It provides animated loading placeholders built on Radix UI's Skeleton component, ensuring consistent loading states across the interface. Skeletons support preset styles for common content types and custom dimensions for flexible layouts, with full accessibility support through proper ARIA labels. Use for simple loading placeholders with custom content. Use for single-line text placeholders. The text line preset displays a skeleton with a fixed height suitable for a single line of text. Use for multi-line paragraph placeholders. The paragraph preset displays a skeleton sized appropriately for paragraph content. Specify custom width and height for precise layout control. Build complete loading states using multiple skeletons. Create skeleton placeholders for card components. Use skeletons for loading list items. Create skeletons for form fields while data loads. Combine presets and custom skeletons for complex layouts. Provide custom accessible labels for better context.