Campos de entrada

Character budget counter

Un cuadro de redacción con una lectura de caracteres restantes que golpea un resorte y se calienta en color a medida que se agota el presupuesto.

Compose updateRelease note

Cómo usar Character budget counter

Un cuadro de redacción con una lectura de caracteres restantes que golpea un resorte y se calienta en color a medida que se agota el presupuesto.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: maxLength, warnAt, accent, placeholder, punch

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

1529Floating label inputCampos de entradaUn campo de texto cuya etiqueta descansa dentro del cuadro y se eleva hasta el borde superior cuando está enfocado o una vez que el campo tiene un valor, con apariencia enfocada, válida e inválida.

2771Layout toggle switchCampos de entradaUn interruptor cuya perilla cruza la pista animando un cambio de diseño real en lugar de una traducción, por lo que el recorrido se mantiene exacto en cualquier ancho de pista.

2050Spring dot radio groupCampos de entradaUn grupo de radio cuyo punto seleccionado aparece con un pequeño sobrepaso mientras que el punto anterior se encoge, cruzándose en lugar de romperse.

2792Auto Grow TextareaCampos de entradaUn campo de texto de varias líneas que crece a medida que la persona escribe más, en lugar de desplazarse dentro de un cuadro fijo.

2759Bounce drop toggleCampos de entradaUn interruptor de palanca vertical alto cuya bola cae al fondo con un rebote cuando se apaga y se desliza hacia arriba con un resorte apretado cuando se enciende.

1933Checkbox motion labCampos de entradaUna única casilla de verificación de gran tamaño para ajustar exactamente con qué firmeza se presiona y con qué lentitud se dibuja la marca de verificación.