Shimmer Text
Shimmer Text is a text component that displays a shimmer effect when the text is loading. It is useful for displaying a loading state while waiting for the data to load.
Card Profile
Installation
Run the following command:
npx gopx-webui add shimmer-textProps
| Prop | Type | Required | Description |
|---|---|---|---|
phrases | string[] | Yes | An array of strings representing the phrases to be displayed in the shimmering animation. |
animationDuration | number | No | The duration of the animation cycle in milliseconds. Defaults to 3000 ms (3 seconds). |
fadeDuration | number | No | The duration of the fade animation in milliseconds. Defaults to 300 ms (0.3 seconds). |