TBX Docs
ExercisesHooks

usePickOneExercise

Single-choice, one slot only

Simpler alternative when building a custom one-question picker. PickOne uses usePickMultiExercise instead for multi-question support; use this hook when building a minimal single-question picker.

Key returns

PropertyDescription
answerCurrent selection
setAnswerSet the selection
isCorrectWhether selection matches solution
checkValidate answer

Example

import { usePickOneExercise } from '@bside-tech/tbx-ui/hooks';

// Single question: user picks one of several options
const { answer, setAnswer, isCorrect, check } = usePickOneExercise({
  solution: 'paris',
  checkOn: 'auto',  // default: validates as soon as user selects
});

// User selects Paris
setAnswer('paris');

// check() runs automatically when checkOn is "auto"
// Or call manually when checkOn is "manual"
check();

On this page