Skip to main content
Create animated background fill effects to highlight important text.

​
Usage

<TextHighlight
  :delay="0"
  :duration="2000"
  textEndColor="inherit"
>
  Highlighted text
</TextHighlight>

​
Props

​
delay
number
default:"0"
Delay before the animation starts, in ms.
​
duration
number
default:"2000"
Duration of the animation, in ms.
​
textEndColor
string
default:"inherit"
Color of the text at the end of the animation. Match WCAG recommendations.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us