Campos de entrada

Orbit drop zone

Una zona de colocación de archivos que simula una carga con arcos de colores giratorios alrededor de un anillo de progreso, muestra el porcentaje en vivo y rechaza archivos de gran tamaño o no compatibles con un error en línea.

Drop a file to attach it

PNG, JPG, WEBP or GIF up to 5 MB

Cómo usar Orbit drop zone

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: accent, maxSizeMb, uploadSeconds, acceptHint

¿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

2297Addon Input GroupCampos de entradaUn campo de texto envuelto en un caparazón con borde que puede contener un ícono inicial, un botón final o texto, y comparte un anillo de enfoque en todo el grupo.

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.

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.

2801Compact select menuCampos de entradaUn botón de activación que abre una lista flotante de opciones, con la selección actual mostrada en el botón y una marca de verificación al lado en la lista.

2343Drawn check checkboxCampos de entradaUna casilla de verificación cuya marca de verificación se dibuja trazo a trazo a medida que el cuadro se llena con un color de acento sólido.

2346Editable date fieldCampos de entradaUn campo de texto para una fecha que acepta escritura libre y que también se puede completar desde una pequeña ventana emergente del calendario abierta por un botón con un ícono al final.