Saltar al contenido
Controles Pro

Campo de máquina

Campo de texto real que escribe con martillos de máquina de escribir: cada tecla golpea el papel, el corrector tapa lo borrado y suena el timbre al final de línea.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
11 (9 ajustables)

Vista previa en vivo

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 licencia

2. Instala Campo de máquina

npx shadcn@latest add @furin-pro/typewriter-input

Props

PropTipoPor defectoDescripción
valuestring | undefined"auto"Valor controlado; si se omite, el campo guarda su propio texto.
defaultValuestring""Texto inicial cuando no es controlado.
onChange(value: string) => voidundefinedSe llama cada vez que cambia el texto.
onSubmit(value: string) => voidundefinedSe llama al pulsar Enter (retorno de carro) con el texto de la línea.
maxLengthnumber36Máximo de caracteres; al llegar al tope las teclas se bloquean con un golpe seco.
placeholderstring"Escribe aquí…"Texto tenue impreso en el papel mientras el campo está vacío.
namestringundefinedNombre del campo para formularios.
labelstring"Texto"Etiqueta accesible del campo (aria-label).
soundbooleantrueSonido sintetizado de teclas, timbre y retorno de carro (solo suena tras teclear).
autoplaybooleanfalseLa máquina escribe sola una frase, la borra y repite hasta que alguien la toca.
disabledbooleanfalseDesactiva el campo.

Sigue explorando

  • Panel de palancas metálicas para filtros: pilotos que se encienden con inercia, pantalla ámbar y clics.

    Controles

  • Navegación por pisos: dial de latón con aguja que viaja, puertas de acero que se cierran y se abren, y botones iluminados.

    Controles

  • Pasos de un flujo unidos por engranes de metal que giran engranados de verdad, con un pequeño juego entre dientes.

    Controles