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
MarkTheWordsorDragTheWords.
Requirements¶
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¶
AssessmentSequence — chain multiple checks in one flow