Pointerexperimental

Wash

A new colour that spreads outward from wherever the surface was touched.

Customize

Triggerclick, automatic, or both

Modemode

Interval4000 msinterval

Bloomshape and pace of the spreading colour

Duration1400 msduration

Edge softness0.35softness

PalettepaletteName

TSX

<Wash>
    <div>Hero copy</div>
</Wash>

Generated from the controls above. Only props that differ from their defaults are shown.

6 documented props on Wash
Property	Type	Default	Description
`mode`	`"click" \| "auto" \| "both"`	`"both"`	Mode.
`interval`	`number`	`4000`	Interval. Range 600 to 15000 ms.
`duration`	`number`	`1400`	Duration. Range 200 to 4000 ms.
`softness`	`number`	`0.35`	Edge softness. Range 0 to 0.9.
`children`	`ReactNode`	`—`	Content laid over the wash. Stays interactive.
`colors`	`string[]`	`—`	The cycle of colours to bloom through.

0 external runtime dependencies

Ships with nothing but React.

Experimental: still under evaluation and not part of the published package yet.