Voorbeeld checklist

  • Aanvullende toelichting bij de eerste stap.

  • Deze tekst kan open- en dichtgeklapt worden.

{
  "sectionType": "featured",
  "columns": [
    {
      "width": "1",
      "content": [
        {
          "type": "checklist",
          "checklist": {
            "title": "Voorbeeld checklist",
            "items": [
              {
                "label": "Controleer de eerste stap",
                "text": "Aanvullende toelichting bij de eerste stap."
              },
              {
                "label": "Rond de tweede stap af"
              },
              {
                "label": "Bewaar de resultaten",
                "text": "Deze tekst kan open- en dichtgeklapt worden."
              }
            ]
          },
          "showPrintButton": true,
          "bgColor": "var(--secondary-color-medium)"
        }
      ]
    }
  ]
}

Beschikbare props

  • checklist: Object, required
    Voorbeeld: { "title": "Voorbeeld checklist", "items": [{ "label": "Stap 1" }] }
  • checklist.title: String, required
    Voorbeeld: "Voorbeeld checklist"
  • checklist.items: Array, required
    Voorbeeld: [{ "label": "Controleer stap", "text": "Toelichting" }]
  • checklist.items[].label: String, required
    Voorbeeld: "Controleer stap"
  • checklist.items[].text: String, optional
    Voorbeeld: "Toelichting bij de stap"
  • showPrintButton: Boolean, optional, default true
    Voorbeeld: true
  • bgColor: String, optional, default var(--secondary-color-medium)
    Voorbeeld: "var(--secondary-color-medium)"

    • Opmerking: Geen bestaande non-vmntest configuratie gevonden. Dit voorbeeld is afgeleid van de Vue prop-definitie. Config gebruikt snake_case keys zoals show_print_button en bg_color; de Vue props zijn camelCase.