Appearance
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
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
text | string | — | Texto de la tarea (alternativa a slot) |
done | boolean | false | Estado completado |
| Evento | Tipo | Descripción |
|---|---|---|
update:done | boolean | Toggle de estado (v-model) |
toggle | boolean | Versión sin prefijo update: |
Tokens usados
--font-mono, --text, --color-*, --border