The component works by sliding a gradient band across your text using CSS animation

• Text - The string you want to display. Supports line breaks.

• Wave Colors - An array of colors the gradient cycles through during the sweep. Add or remove swatches to your liking.

• Rest Color - The color the text sits at when the wave is not passing through. Defaults to black.

• Font - Full font controls including family, size, weight, line height, and alignment.

• Animation > Type - Switch between "Timed" (auto-plays on loop) and "Hover" (wave sweeps in on hover, reverses on mouse leave).

• Animation > Direction - Controls which direction the wave travels across the text.

• Animation > Transition - Sets the duration and easing of the wave sweep.

• Animation > Blur - Softens the edges of the wave band for a smoother bleed into the rest color. 0 is sharp, 16 is very soft.

• Animation > Pause (s) - Only visible in Timed mode. How long the text holds at the rest color between each wave pass. Set to 0 for a continuous loop.