Vitreo
Components
NotificationsView all
TOTheo Okafor approved the Q4 release plan2 min agoNew order #11330 for $204.12 from Nora Svensson28 min agoHSHana Sato mentioned you in ticket #20931 hour agoPayout of $12,989.62 sent to Riverstone Bank •• 74662 hours agoMCMei Chen shared Roadmap 2.0 with youYesterday
MLMaya Lindqvistmaya.lindqvist@northwind.test
ProfileSettingsBillingHelp center
Sign out

Skeleton

Shapes while the content loads

Card

Code 
<div class="skeleton-card">
  <span class="skeleton circle"></span><div class="skeleton-lines"><span class="skeleton line" style="width: 60%"></span><span class="skeleton line" style="width: 40%"></span></div>
</div>
<span class="skeleton block-lg"></span>

Table

Code 
<div class="skeleton-row">
  <span class="skeleton line" style="width: 30%"></span><span class="skeleton line" style="width: 20%"></span><span class="skeleton line" style="width: 10%"></span>
</div>
<div class="skeleton-row">
  <span class="skeleton line" style="width: 30%"></span><span class="skeleton line" style="width: 20%"></span><span class="skeleton line" style="width: 10%"></span>
</div>
<div class="skeleton-row">
  <span class="skeleton line" style="width: 30%"></span><span class="skeleton line" style="width: 20%"></span><span class="skeleton line" style="width: 10%"></span>
</div>
<div class="skeleton-row">
  <span class="skeleton line" style="width: 30%"></span><span class="skeleton line" style="width: 20%"></span><span class="skeleton line" style="width: 10%"></span>
</div>
© Vitreo. All rights reserved.