Skip to content

Todo

Lista de tareas checkable con estilo TUI minimal. Click para alternar entre [ ] y [x].

Todo

Demo

vue
<Todo v-model:done="t1">Rediseñar Toast para que coincida con la estética esperada</Todo>
<Todo v-model:done="t2">Mejorar documentación del componente</Todo>
<Todo v-model:done="t3">Agregar tests para todos los componentes</Todo>

Props

done

Estado completado del item.

vue
<Todo v-model:done="task.done">Hacer algo</Todo>

text

Texto de la tarea como prop (alternativa al slot default).

vue
<Todo v-model:done="done" text="Hacer algo" />

API

PropTipoDefaultDescripción
textstringTexto de la tarea (alternativa a slot)
donebooleanfalseEstado completado
EventoTipoDescripción
update:donebooleanToggle de estado (v-model)
togglebooleanVersión sin prefijo update:

Tokens usados

--font-mono, --text, --color-*, --border