Escribiendo

Burbuja de "escribiendo…" con tres puntos que rebotan con elasticidad y, en ciclo, se convierte en la respuesta con un pequeño resorte.

Vista previa en vivo

Escribiendo…

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { TypingIndicator } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
context	string	"¿Ya viste el reporte de esta semana?"	Muestra un mensaje anterior para dar contexto a la burbuja.
reply	string	"Sí, te lo mando en un momento."	Respuesta que aparece cuando termina de "escribir" (vacío para que solo escriba).
typingTime	number	3.2	Segundos que dura el "escribiendo…" antes de mostrar la respuesta.
replyTime	number	3	Segundos que se queda la respuesta antes de volver a empezar.
variant	"light" \| "dark" \| "accent"	"dark"	Estilo de la burbuja: light, dark o accent.
scale	number	1	Escala de toda la pieza (1 es el tamaño normal).
label	string	"Escribiendo"	Texto oculto que leen los lectores de pantalla.

Forma que muta
Gratis
Una figura de degradado y brillo que muta suavemente entre círculo, cuadrado y triángulo, girando y aplastándose un poco en cada cambio.
Loaders
Matraz
Gratis
Un matraz de vidrio que se llena de líquido.
Loaders
Esqueleto
Pro
Placeholder de carga con un brillo que cruza todos los bloques como una sola luz.
Loaders