Sello

Botón que al presionarlo estampa una marca de tinta que se expande y confirma la acción.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Sello } 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
texto	string	"Confirmar"	Texto del botón antes de estampar.
textoConfirmado	string	"Hecho"	Texto que lleva el sello cuando cae; también se anuncia a lectores de pantalla.
tinta	string	"#E8452C"	Color de la tinta del sello.
forma	"circulo" \| "cuadrado"	"circulo"	Forma de la marca de tinta.
color	string	"#FFFFFF"	Color de la cara del botón.
colorTexto	string	"#111111"	Color del texto del botón.
duracion	number	2400	Milisegundos que el sello permanece antes de que el botón vuelva (0 = se queda confirmado).
irregularidad	number	1	Qué tan irregular es el borde de la tinta: 0 = limpio, 1 = normal, 2 = muy gastado.
demostracion	boolean	false	Si es true, se estampa solo cada pocos segundos hasta que alguien lo toca (para demos).
alConfirmar	() => void	undefined	Se llama en el instante en que el sello cae sobre el botón.
deshabilitado	boolean	false	Desactiva el botón.
className	string	""	Clase CSS extra para el botón.
style	CSSProperties	"{}"	Estilos en línea del botón.