Campos de entrada

Clean Text Field

Una 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.

Password

Cómo usar Clean Text Field

Una 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.

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: label, placeholder, accentColor, invalid, disabled

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

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.

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.

2393Passcode slot inputCampos de entradaUn campo de código de acceso de un solo uso de ranuras de borde compartido fusionadas sobre una entrada oculta, con un símbolo de intercalación parpadeante en la ranura vacía activa.

2791Single value sliderCampos de entradaUn control deslizante horizontal con un pulgar que se puede arrastrar y que llena la pista detrás de él para que el valor actual se lea de un vistazo.

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.