unordered_list_with_checkboxes.unit 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. >>> checkbox with space
  2. * [ ] one
  3. * [ ] two
  4. <<<
  5. <ul class="contains-task-list">
  6. <li class="task-list-item"><input type="checkbox"></input>one</li>
  7. <li class="task-list-item"><input type="checkbox"></input>two</li>
  8. </ul>
  9. >>> empty checkbox
  10. * [] one
  11. * [] two
  12. <<<
  13. <ul>
  14. <li>[] one</li>
  15. <li>[] two</li>
  16. </ul>
  17. >>> checkbox with x
  18. * [x] one
  19. * [x] two
  20. <<<
  21. <ul class="contains-task-list">
  22. <li class="task-list-item"><input type="checkbox" checked="true"></input>one</li>
  23. <li class="task-list-item"><input type="checkbox" checked="true"></input>two</li>
  24. </ul>
  25. >>> checkbox with X
  26. * [X] one
  27. * [X] two
  28. <<<
  29. <ul class="contains-task-list">
  30. <li class="task-list-item"><input type="checkbox" checked="true"></input>one</li>
  31. <li class="task-list-item"><input type="checkbox" checked="true"></input>two</li>
  32. </ul>
  33. >>> mixed checkboxes
  34. * [ ] one
  35. * [] two
  36. * [x] three
  37. * [X] four
  38. * five
  39. <<<
  40. <ul class="contains-task-list">
  41. <li class="task-list-item"><input type="checkbox"></input>one</li>
  42. <li>[] two</li>
  43. <li class="task-list-item"><input type="checkbox" checked="true"></input>three</li>
  44. <li class="task-list-item"><input type="checkbox" checked="true"></input>four</li>
  45. <li>five</li>
  46. </ul>
  47. >>> mixed leading spaces
  48. *[ ] zero
  49. * [ ] one
  50. * [ ] two
  51. * [ ] three
  52. * [ ] four
  53. * [ ] five
  54. <<<
  55. <p>*[ ] zero</p>
  56. <ul class="contains-task-list">
  57. <li class="task-list-item"><input type="checkbox"></input>one</li>
  58. <li class="task-list-item"><input type="checkbox"></input>two</li>
  59. <li class="task-list-item"><input type="checkbox"></input>three</li>
  60. <li class="task-list-item"><input type="checkbox"></input>four</li>
  61. <li>
  62. <pre><code>[ ] five
  63. </code></pre>
  64. </li>
  65. </ul>
  66. >>> checkbox list separated with blank lines
  67. - [ ] A
  68. - [ ] B
  69. - [ ]
  70. <<<
  71. <ul class="contains-task-list">
  72. <li class="task-list-item">
  73. <p><input type="checkbox"></input>A</p>
  74. </li>
  75. <li class="task-list-item">
  76. <p><input type="checkbox"></input>B</p>
  77. </li>
  78. <li>
  79. <p>[ ]</p>
  80. </li>
  81. </ul>