   <div class="demo-sub-list">
            @for (subtask of task.subtasks; track subtask) {
              <div>
                <mat-checkbox [(ngModel)]="subtask.completed">{{ subtask.name }}</mat-checkbox>
              </div>
            }
          </div>
        </div>
      }
    </section>

    <section>
      <h2>Colored checkboxes</h2>
      <mat-checkbox color="primary">Primary</mat-checkbox>
      <mat-checkbox color="accent">Accent</mat-checkbox>
      <mat-checkbox color="warn">Warn</mat-checkb