✦ r-typewriter · demo

texto simple (sin loop)

<r-typewriter>vanilla, forever.</r-typewriter>
vanilla, forever.

con loop (borra y reescribe)

<r-typewriter loop pause="1000">retals · hecho en barcelona.</r-typewriter>
retals · hecho en barcelona.

cursor personalizado

<r-typewriter cursor="▮" loop>el cursor puede ser cualquier carácter</r-typewriter>
el cursor puede ser cualquier carácter

velocidad baja vs alta

speed="8" · speed="120"

lento: despacio, como máquina de escribir antigua...

rápido: muy rápido, como un ordenador moderno.

con delay inicial

<r-typewriter delay="2000">...</r-typewriter>
esperé 2 segundos antes de empezar.

override de CSS vars

style="--r-typewriter-color: var(--coral); --r-typewriter-cursor-color: var(--amber); --r-typewriter-size: 1.4rem;"
meowrhino studio ☼

eventos r-typewriter:start y r-typewriter:done

r-typewriter:start / r-typewriter:done
escucha los eventos.

esperando eventos…