Text Shimmer
A subtle gradient sweep across text — useful for placeholders, status labels, and 'thinking' states.
Examples
Default
Pass a text input or project content via ng-content.
<pk-text-shimmer text="Computing the optimal route..." />Tuned duration and spread
Slower 6s sweep with a tighter 8% gradient stop.
<pk-text-shimmer
text="Loading model weights..."
[duration]="6"
[spread]="8"
/>Installation
Add the text-shimmer component (and the cn() utility) to your project.
ng generate ngx-prompt-kit:text-shimmerComponent API
PkTextShimmer
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | '' | Text content (alternative: project via ng-content). |
| duration | number | 4 | Animation period in seconds. |
| spread | number | 20 | Gradient stop spread, clamped to 5..45. |
| class | string | — | Extra classes for the host span. |