Pular para o conteúdo

Cards de Módulo

Cards de Módulo

Cards são usados na página inicial para listar os módulos disponíveis na trilha de estudos.

Como Utilizar

Uso do Componente

Use a macro ui.moduleCard para criar cards de módulos consistentes na página inicial.

Parâmetros

  • id (obrigatório): ID único do módulo (usado para rastrear progresso)
  • level (obrigatório): Texto do nível (ex: "Level 01")
  • title (obrigatório): Título do módulo
  • description (obrigatório): Descrição curta do módulo
  • href (obrigatório): Link para a página do módulo
  • buttonText (opcional): Texto do botão (padrão: "Acessar Módulo")

Código

{{ ui.moduleCard(
  id="sample-module",
  level="Level XX",
  title="Título do Módulo",
  description="Descrição do conteúdo do módulo.",
  href="/modules/exemplo/"
) }}

Exemplo Visual

Level 99

Módulo de Exemplo

Este é um exemplo de como o card de módulo é renderizado. Ele inclui o botão de acesso e o botão de marcar como concluído.

Acessar Módulo