ComponentsEffects
Rotating text
One line whose phrase changes on an interval
Faster builds
1 of 3
Installation
nub add @gpuixui/componentsUsage
import { RotatingText } from "@gpuixui/fx/rotating-text";
<RotatingText
phrases={["Faster builds", "Safer releases", "One runtime"]}
intervalMs={3000}
/>;API
| Prop | Type | Default |
|---|---|---|
phrases | ReadonlyArray<string> | — |
intervalMs | number | 3000 |
index | number | — |
defaultIndex | number | 0 |
onIndexChange | (index: number) => void | — |
label | string | the phrase on screen |
role | TextRole | "body" |
className | string | — |
style | StateStyle<RotatingTextState> | — |
Edit this page on GitHubpackages/fx/docs/rotating-text.mdx