StudyGuide

Renders a study guide from createStudyGuide().

Usage

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

<StudyGuide studyGuide={studyGuide} />

type StudyGuideProps = {
  studyGuide: StudyGuide;
  className?: string;
  classNames?: StudyGuideClassNames;
};

<StudyGuide
  studyGuide={studyGuide}
  className="my-guide"
  classNames={{
    title: "my-title",
    keyConcept: "my-concept"
  }}
/>

See Styling for styles.css and CSS variables.