Checklist

O componente de checklist é usado na barra lateral dos módulos para que os alunos possam rastrear seu progresso em cada aula.

Exemplo Visual

Como Utilizar

Código

{% import "macros/ui.njk" as ui %}

{% set checklistItems = [
  { id: "task-1", label: "Ler a documentação", completed: true },
  { id: "task-2", label: "Praticar os comandos" },
  { id: "task-3", label: "Realizar o desafio" }
] %}

{{ ui.checklist(checklistItems) }}

Parâmetros

• items (obrigatório): Array de objetos contendo:
  • id: Identificador único do item
  • label: Texto do item
  • completed: Booleano indicando se inicia marcado (opcional)