Exercise Showcase
Browse all available TBX exercise types with live examples. Use this catalogue to explore each component and choose the right one for your textbook. Full documentation is available in the Exercises Catalogue.
True/False or Yes/No questions. Ideal for fact-checking exercises.
Answer each statement with Yes or No.
Select true or false for each statement.
- The Earth is flat.
- Water boils at 100°C at sea level.
- JavaScript and Java are the same language.
- Light travels faster than sound.
Single-choice questions. Renders as buttons, radio, or dropdown.
Pick One
Choose the correct answer from the given options.
- What is the capital of France?
- Which planet is closest to the Sun?
Radio variant
Pick One
Choose the correct answer from the given options.
- What is the capital of France?
Dropdown variant
Pick One
Choose the correct answer from the given options.
- What is the capital of France?
With images (React components in choices)
Choices can be any React node: images, icons, or custom components.
Pick One
Choose the correct answer from the given options.
- Which flag represents France?
Multiple-choice with checkboxes. Select all correct answers.
Pick Multiple
Choose all correct options.
- Select all programming languages:
With images in choices
Pick Multiple
Choose all correct options.
- Select the European Union member flags:
Fill-in-the-blank with text inputs. Multiple valid answers per blank supported.
Fill in the Blanks
Type the correct word in each blank.
The cat on the mat. It sleeping.
Fill-in-the-blank with dropdown selects for each blank.
Choose in Text
Select the correct option for each blank from the dropdown.
React
a JavaScript library. Hooks
in React 16.8.
Match pairs by drawing connectors between origin and target items.
Connect Points
Draw connections between matching items.
Rows layout
Origin items on top, target items below.
Connect Points
Draw connections between matching items.
With images (match flag to country)
Connect each flag to its country.
Match the flag to the country
Draw connections between matching items.
Fill-in crossword puzzles with clues and per-word validation.
Crossword
Fill in the crossword using the given clues.
| 1 | 2 | |||||
| 3 | ||||||
| 4 |
Across
- 1. A primary color
- 3. Bits and bobs
- 4. Conclusions
Down
- 1. Toy on a string
- 2. Have a rest
Word search: find hidden words by selecting cells in the grid.
Find Words
Find and select the hidden words in the grid.
| C | A | T | D | E |
| A | G | H | I | J |
| R | L | M | N | O |
| P | Q | D | O | G |
| U | V | W | X | Y |
- CAT
- CAR
- DOG
Drag and drop to arrange items in the correct order.
Sort List
Put the items in the correct order by dragging.
- First step
- Second step
- Third step
- Fourth step
Row variant
Horizontal layout for ordering items left to right.
Sort List
Put the items in the correct order by dragging.
- Smallest
- Small
- Medium
- Large
- Largest
With images (planets by size)
Drag the planets to order them from smallest to largest.
Order the planets by size (smallest to largest)
Put the items in the correct order by dragging.
Drag items from a common pool into labeled groups.
Group Items
Sort items into their correct categories.
Items
CatDogOakRoseTulip
Animals
Plants
With images (group by shape)
Drag each shape into the correct group: circles, squares, or triangles.
Group the shapes by type
Sort items into their correct categories.
Items
Circles
Squares
Triangles
Mark words in a paragraph. [Bracketed] words are the correct answers. Supports button (click), underline, and highlight variants.
Mark Words
Select or highlight the words that match the instruction.
Highlight variant
Select text with the cursor to highlight it. Click to remove.
Mark Words
Select or highlight the words that match the instruction.
And the vampire Dracula started chasing Bram Stoker around the house when the movie came out.
Underline variant
Select text to underline it. Click underlined text to remove.
Mark Words
Select or highlight the words that match the instruction.
And the vampire Dracula started chasing Bram Stoker around the house when the movie came out.
Need props, styling, or integration details?
View full documentation