TrueFalse

H5P equivalent

H5P True/False — single-statement agree/disagree with optional retry and scoring.

When to use

Use TrueFalse for a single binary claim where learners must decide if a statement is accurate. It works well for policy attestation, myth-busting, and quick checks after a short reading.

Prefer something else when:

  • Learners need more than two outcomes — use Quiz (multiple choice).

  • The task is selecting words or dragging items — use MarkTheWords or DragTheWords.

Requirements

  • Wrap in CourseLesson.

  • Provide a stable checkId (matches lessonkit.json when packaging).

  • Emits assessment_answered and assessment_completed telemetry when tracking is enabled.

Try it

Documentation demo

Use the Live demo, React, AI prompt, and Packaging / Manifest tabs below. Embedded demos disable telemetry, xAPI, and the LMS bridge. For production delivery, use the CLI template src/courseConfig.ts and LMS Go-Live.

<TrueFalse
  checkId="phishing-tf"
  question="Phishing emails always use your real name in the greeting."
  answer={false}
/>

Copy into Cursor, Copilot, or ChatGPT after the vibe coding starter context:

Read lessonkit.json and src/App.tsx before editing.

Add a TrueFalse block (H5P-style: True/False) like this example inside the active <Lesson>:

<TrueFalse
  checkId="phishing-tf"
  question="Phishing emails always use your real name in the greeting."
  answer={false}
/>

Requirements:
- Import only from @lessonkit/react; use block types from block-catalog.v3.json.
- Keep existing courseId, lessonId, and navigation stable unless I ask to add a lesson.
Sync lessonkit.json — add under course.assessments[]:

{
  "checkId": "phishing-tf",
  "kind": "trueFalse",
  "question": "Phishing emails always use your real name in the greeting.",
  "answer": false
}

- After edits, list changed files and what to verify in the browser (lessonkit dev).

Workflow tips: https://lessonkit.readthedocs.io/en/latest/guides/vibe-coding/prompting-and-workflows.html

Add under course.assessments[]. checkId must match the React prop.

{
  "checkId": "phishing-tf",
  "kind": "trueFalse",
  "question": "Phishing emails always use your real name in the greeting.",
  "answer": false
}

Touch behavior

True and False options use lk-quiz-choice for 44px minimum row height when @lessonkit/themes/base.css is imported. Tap either radio label on phones and tablets without relying on hover styles.

See also