PracticeProblems

Renders practice problems from createPracticeProblems(). Students can reveal hint, answer, and solution.

Usage

import { PracticeProblems } from "@edu-sdk/react";
import "@edu-sdk/react/styles.css";

<PracticeProblems problems={problems} />

type PracticeProblemsProps = {
  problems: PracticeProblem[];
  className?: string;
  classNames?: PracticeProblemsClassNames;
};

<PracticeProblems
  problems={problems}
  className="my-problems"
  classNames={{
    question: "my-question",
    hint: "my-hint"
  }}
/>

See Styling for styles.css and CSS variables.