React

React

UI components in the @edu-sdk/react package.

@edu-sdk/react renders data produced by edu-sdk.

Component	Data
`<Flashcards />`	`createFlashcards()`
`<Quiz />`	`createQuiz()`
`<StudyGuide />`	`createStudyGuide()`
`<PracticeProblems />`	`createPracticeProblems()`

There is no component for createNote().

Styling has three levels. See Styling:

Import @edu-sdk/react/styles.css for the defaults.
Pass className / classNames to override parts of a component.
Set CSS variables (for example --edu-quiz-background) to theme the defaults.

See Quick Start for <Quiz />.

createPracticeProblems

Generate practice problems from educational content.

Flashcards

Render flashcards generated by createFlashcards.