QS Pack

Placeholder

Default

Circle

Avatar



Variable nameDefault valueDescription
--b-placeholder#d9d9d9Background color for the placeholder components.
--br-placeholder.6remBorder radius for the placeholder components.
--h-placeholder10remDefault height for the placeholder components.
--w-placeholder10remDefault width for the placeholder components.
--t-placeholder.8sAnimation duration for the placeholder shimmer effect.
--c-placeholderrgba(0, 0, 0, .03)Color of the shimmer effect in the placeholder components.


CSS ClassDescription
placeholderBase class for the placeholder component. Sets size, background, border-radius, and shimmer animation.
placeholder-circleClass for circular placeholders. Overrides the border-radius to make the shape circular.
placeholder-avatarClass for avatar placeholders. Sets a smaller size and circular shape for avatar-like placeholders.