Texto
Pro
Papel rasgado
Una capa de papel se rasga con borde fibroso y revela el titular.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (9 ajustables)
Última
hora
Instalación
1. Configura el registro Pro una sola vez
Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.
Usar mi licencia2. Instala Papel rasgado
npx shadcn@latest add @furin-pro/torn-paper-textProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Última\\nhora" | El titular que queda al descubierto (acepta saltos de línea). |
| size | number | 84 | Tamaño de la letra, en px. |
| cover | string | "#e5553a" | Color del papel que se rasga. |
| sheet | string | "#f1ece0" | Color del papel de abajo (donde está el titular). |
| ink | string | "#15130f" | Color de la tinta del titular. |
| fiber | number | 1 | Qué tan fibroso es el borde del rasgado. |
| loop | boolean | true | Repite: el papel se rasga, se queda abierto y se vuelve a cerrar. |
| hold | number | 3 | Segundos que se queda el papel abierto. |
| sound | boolean | false | Sonido sintetizado del papel al rasgarse (solo suena tras tocar la hoja). |
Sigue explorando
Texto en relieve sobre papel de algodón con luz rasante que sigue al cursor.
Texto