x
1
2
3
4
5
6
7
8
9
10
<div class="rounded-xl border bg-card text-card-foreground shadow w-80 p-6"> <div class="flex items-center gap-4"> <div class="animate-pulse bg-muted size-10 rounded-full" aria-hidden="true"></div> <div class="flex-1 space-y-2"> <div class="animate-pulse bg-muted h-4 rounded-sm w-3/4" aria-hidden="true"></div> <div class="animate-pulse bg-muted h-4 rounded-sm w-1/2" aria-hidden="true"></div> </div> </div> <div class="animate-pulse rounded-md bg-muted h-24 w-full mt-4" aria-hidden="true"></div></div>1
2
3
4
5
6
7
8
9
10
<%= render(UI::Card.new(class: "w-80 p-6")) do %> <div class="flex items-center gap-4"> <%= render(UI::Skeleton.new(shape: :circle)) %> <div class="flex-1 space-y-2"> <%= render(UI::Skeleton.new(shape: :text, class: "w-3/4")) %> <%= render(UI::Skeleton.new(shape: :text, class: "w-1/2")) %> </div> </div> <%= render(UI::Skeleton.new(shape: :rectangle, class: "mt-4")) %><% end %>No notes provided.
No params configured.