x
1
2
3
4
5
6
7
8
<div class="w-64 flex flex-col gap-3"> <div class="midwest-skeleton h-8 w-full"></div> <div class="midwest-skeleton__lines "> <div class="midwest-skeleton__line "></div> <div class="midwest-skeleton__line "></div> <div class="midwest-skeleton__line is-short"></div> </div></div>1
2
3
4
<div class="w-64 flex flex-col gap-3"> <%= midwest_skeleton(animated: false, class: "h-8 w-full") %> <%= midwest_skeleton(animated: false, lines: 3) %></div>Not animated
Pass animated: false to render a static placeholder without the pulse.
No params configured.
No assets to display.
Add a .js or .css file alongside the component to see it here.
Figma embed for Skeleton/not_animated
Annotate a preview to embed its Figma design here:
@figma "https://figma.com/..."