Flashcards

Renders a flip-through deck of flashcards from createFlashcards().

Usage

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

<Flashcards flashcards={flashcards} />

type FlashcardsProps = {
  flashcards: Flashcard[];
  className?: string;
  classNames?: FlashcardsClassNames;
};

<Flashcards
  flashcards={flashcards}
  className="my-flashcards"
  classNames={{
    card: "my-card",
    nextButton: "my-next"
  }}
/>

See Styling for styles.css and CSS variables.