Placeholders
Automatically included in all.css and elements.css. This stylesheet provides "skeleton" placeholders that can display while content loads.
import '@brainandbones/skeleton/styles/elements/placeholders.css';Examples
Usage
<div class="placeholder" />Circular
Apply the .placeholder-circle class and set a width to define the diameter.
<div class="placeholder-circle w-16" />Animated
Apply the .animate-pulse utility class provided by Tailwind.
<div class="placeholder animate-pulse" />Global Styles
Use your global stylesheet to update all instances of this element.
.placeholder { @apply rounded-none; }Classes
| Class | Description |
|---|---|
placeholder | Applies the default placeholder style. |
placeholder-circle | Applies the circular placeholder style. |