Campos de entrada

Curved input bar

Un campo de texto en forma de píldora doblado en un suave arco hacia arriba, con el texto escrito, el cursor y el botón de enviar siguiendo la misma curva.

Waitlist

Cómo usar Curved input bar

Un campo de texto en forma de píldora doblado en un suave arco hacia arriba, con el texto escrito, el cursor y el botón de enviar siguiendo la misma curva.

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: placeholder, buttonText, accent, bend

¿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?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

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.

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.

2760Character budget counterCampos de entradaUn 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.

2321Clean Text FieldCampos de entradaUna entrada de texto con bordes sencillos para un formulario etiquetado: neutral en reposo, un anillo de acento nítido en el foco, silenciado cuando está deshabilitado.

2795Elastic tug sliderCampos de entradaUn control deslizante que se estira como una banda elástica cuando se arrastra más allá de sus extremos, haciendo retroceder la pista con un rebote una vez soltado.

2356Focus ring text inputCampos de entradaUn campo de texto de una sola línea con un marcador de posición silenciado y un anillo de acento sólido que aparece solo cuando está enfocado.