Skeleton
Loading placeholders that mimic content structure while data loads. Use to reduce perceived load time.
Text Lines
<?= ws_skeleton(['variant' => 'text']) ?> <?= ws_skeleton(['variant' => 'text', 'lines' => 3]) ?>
Avatar
<?= ws_skeleton(['variant' => 'avatar', 'size' => 'lg']) ?>
Button
Input
Image
<?= ws_skeleton(['variant' => 'image']) ?>
Card (Composite)
<?= ws_skeleton(['variant' => 'card']) ?>
Custom Dimensions
<?= ws_skeleton(['width' => '100px', 'height' => '100px']) ?> <?= ws_skeleton(['width' => '60px', 'height' => '60px', 'circle' => true]) ?>