Placeholder
Default
Circle
Avatar
| Variable name | Default value | Description |
|---|---|---|
--b-placeholder | #d9d9d9 | Background color for the placeholder components. |
--br-placeholder | .6rem | Border radius for the placeholder components. |
--h-placeholder | 10rem | Default height for the placeholder components. |
--w-placeholder | 10rem | Default width for the placeholder components. |
--t-placeholder | .8s | Animation duration for the placeholder shimmer effect. |
--c-placeholder | rgba(0, 0, 0, .03) | Color of the shimmer effect in the placeholder components. |
| CSS Class | Description |
|---|---|
placeholder | Base class for the placeholder component. Sets size, background, border-radius, and shimmer animation. |
placeholder-circle | Class for circular placeholders. Overrides the border-radius to make the shape circular. |
placeholder-avatar | Class for avatar placeholders. Sets a smaller size and circular shape for avatar-like placeholders. |