Formularios

Scribble strike checklist

Scribble strike checklist: Una lista de tareas en la que marcar una fila dibuja una línea oscilante dibujada a mano a lo largo de la etiqueta y al desmarcarla se retrae.

Draft the release notesSync with design on card spacingPing legal about the updated termsMerge the flaky checkout test fix

Cómo usar Scribble strike checklist

Scribble strike checklist se presenta con el formato de vista previa «tarjeta» y el tema «claro/oscuro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

Control	Tipo	Valor inicial	Límites de la vista previa
`strokeMs`	`number`	`1000`	De 200 a 2000; paso 50
`accent`	`color`	`#9BE15D`	Los metadatos no indican otro límite.
`wobble`	`number`	`1`	De 0 a 2; paso 0.1
`dimCompleted`	`boolean`	`true`	Los metadatos no indican otro límite.

¿Para qué frameworks está disponible Scribble strike checklist?

Scribble strike checklist está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Scribble strike checklist?

Los metadatos de React indican estas dependencias npm además de React: motion, clsx, tailwind-merge.

¿Qué detalles de accesibilidad se observan en Scribble strike checklist?

El código React de Scribble strike checklist incluye: elementos nativos (input, label); atributos y manejadores (aria-hidden). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Scribble strike checklist el movimiento reducido?

Scribble strike checklist consulta la preferencia de movimiento en su código React mediante matchMedia(prefers-reduced-motion). Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Focus Guard Form de Fieldbook, de la categoría Formularios.

1964Focus Guard FormFormulariosUn formulario que, en caso de un envío fallido, cancela el envío, mueve el foco del teclado directamente al primer campo no válido y anuncia el problema a los usuarios de lectores de pantalla.

Imagen fija del componente Notification preferences de Fieldbook, de la categoría Formularios.

2876Notification preferencesFormulariosElige opciones de entrega para eventos del espacio y guarda un resumen de preferencias.

Imagen fija del componente Release notification form de Fieldbook, de la categoría Formularios.

2887Release notification formFormulariosUn formulario de novedades valida el correo y registra una preferencia local sobre qué actualizaciones recibir.

Imagen fija del componente Scrub Number Input de Fieldbook, de la categoría Formularios.

2030Scrub Number InputFormulariosUn campo numérico con botones de incremento y disminución más una etiqueta que se puede arrastrar y que desplaza el valor hacia arriba o hacia abajo a medida que lo arrastra hacia los lados.

Imagen fija del componente Tall Code Keypad de Fieldbook, de la categoría Formularios.

2064Tall Code KeypadFormulariosUn formulario de verificación sin bordes construido sobre cuadros de códigos inusualmente altos, con dígitos que llegan con un rebote corto y un retroceso mantenido que borra todo.

Imagen fija del componente Verification Code Card de Fieldbook, de la categoría Formularios.

2080Verification Code CardFormulariosUn paso de verificación en cuadro con un campo de código etiquetado, un botón Verificar que se desbloquea solo cuando se completa el código y un enlace de reenvío en una cuenta regresiva.