Dia Text

Single string to reveal, or an array of strings to cycle through. When you pass multiple entries, the component tracks an active index and can animate width between them.

Gradient stops used for the sweep band. If omitted, the component uses its built-in five-color palette.

Base text color used before and after the animated color band passes across the text.

Duration of the sweep animation in seconds for each reveal cycle.

Delay in seconds before the reveal animation begins.

When true, the component keeps replaying the sweep and advances through the text array if multiple entries are provided.

Pause in seconds between repeated reveal cycles.

Toggles viewport-based playback. When true, the reveal waits until the span enters view before it starts.

Controls whether in-view playback should only happen once or be allowed to replay when the element re-enters view.

When rotating multiple text entries, fixes the rendered width to the widest measured string instead of animating width between each item.

Merged onto the rendered motion span for local typography or layout overrides.