No notes defined.
<div class="ds2Skeleton" style="height: {{ height }}px ">
<p class="ds2SkeletonText">{{ content | safe }}</p>
</div>
<div class="ds2Skeleton" style="height: 300px ">
<p class="ds2SkeletonText">Wireframe component with configurable height (300px)</p>
</div>
.ds2Skeleton {
width: calc(100% - 2px);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
background-image: repeating-linear-gradient(-45deg,
#eee 20px,
#eee 22px,
transparent 22px,
transparent 40px);
.ds2SkeletonText {
background: white;
padding: 10px;
font-size: 18px;
}
}
{
"content": "Wireframe component with configurable height (300px)",
"height": "300"
}