x
1
2
3
4
5
6
7
8
<div class="w-64"> <div class="midwest-skeleton__lines is-animated"> <div class="midwest-skeleton__line "></div> <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
<div class="w-64"> <%= midwest_skeleton(lines: 4) %></div>Text lines
Pass lines: to render a stack of text-height placeholder lines. The last
line is shorter to mimic a natural paragraph ending.
No params configured.
No assets to display.
Add a .js or .css file alongside the component to see it here.
Figma embed for Skeleton/lines
Annotate a preview to embed its Figma design here:
@figma "https://figma.com/..."