Skeleton

DaisyUI

Skeleton is a component that can be used to show a loading state of a component.

Basic Skeleton
Complex Layout

Combine multiple skeletons for a realistic placeholder.

Skeleton Text

Animates the text color instead of background.

AI is thinking harder...
Code Example
use rsxui::components::Skeleton;
use rsx_macros::rsx;
let html = rsx! {
    <Skeleton class="w-32 h-32" />
};
// Skeleton text
let html = rsx! {
    <Skeleton text={true} class="text-lg">"Loading..."</Skeleton>
};