Texto
Pro
Texto bajo foco
Texto en penumbra: un foco que sigue al cursor ilumina las letras y las separa de la pared con una sombra de relieve.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 7 (7 ajustables)
Bajo el
foco
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 Texto bajo foco
npx shadcn@latest add @furin-pro/spotlight-textProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Bajo el\\nfoco" | El texto (acepta saltos de línea). |
| size | number | 92 | Tamaño de la letra, en px. |
| radius | number | 190 | Radio del foco de luz, en px. |
| relief | number | 1 | Qué tanto se separan las letras de la pared, lo que alarga su sombra. |
| idle | boolean | true | Cuando no hay cursor cerca, el foco pasea solo. |
| color | string | "#FBF4E8" | Color de las letras iluminadas. |
| glow | string | "#FFE2B0" | Color cálido de la luz sobre la pared. |
Sigue explorando
Letras de mercurio que se funden y escurren donde pasa el cursor, y vuelven a su forma cuando se seca.
Texto