HTML + CSSCheckboxes

Tarea en Markdown

Una línea de editor de código donde los corchetes vacíos pasan a [x] y el texto queda entre marcas ~~ de tachado.

Ajustes

16px
1x

Código

<label class="uvq02-md"><input type="checkbox"><span class="ln" aria-hidden="true">12</span><span class="cd"><span class="mk" aria-hidden="true">- [<span class="x"><i>x</i></span>]</span> <span class="st" aria-hidden="true">~~</span><span class="tx">Publicar la versión 2.0</span><span class="st" aria-hidden="true">~~</span></span></label>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Checkboxes

Ver todos: Checkboxes

Dónde usarlo

Pensado para desarrolladores, este checkbox parece una línea de un editor de código oscuro, con número de línea, guion de lista de Markdown y corchetes. Al marcarlo se escribe una x entre los corchetes, aparecen las marcas ~~ de tachado alrededor del texto y la tarea se apaga. Un cursor de bloque parpadea con el ratón y el foco. Encaja en registros de cambios, documentación y listas tipo README.

El color principal es la x y el cursor, el secundario los corchetes, como un tema de sintaxis. Cambia el número de línea y la fuente para que coincidan con tu editor y apila varias líneas para una lista de publicación.