This component displays an animated shimmer placeholder while content is loading, with configurable size, shape, and color style.

Show

Type: Boolean

Description:

Controls whether the shimmer loader is visible.

• true → Shows the loading placeholder
• false → Hides the loader and allows content to render

Lines

Type: Number

Description:

Defines how many shimmer lines (rows) are displayed.

Useful for mimicking text blocks, lists, or multi-row layouts.

Example:

3 → Displays three horizontal shimmer bars

Height

Type: Number (px)

Description:

Sets the height of each shimmer line in pixels.

Adjust to match the expected height of the loading content.

Example:

16 → Each line is 16px tall

Rounded

Type: Boolean

Description:

Toggles rounded corners on shimmer lines.

• true → Soft, pill-shaped lines
• false → Sharp, rectangular lines

Is Colorful

Type: Boolean

Description:

Enables a colorful shimmer animation instead of the default monochrome style.

• true → Colorful animated shimmer
• false → Subtle grey shimmer (default)