Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when people study a small deck: a card stack where Show answer reveals the back, "Again" and "Got it" score the card, and a summary reports how many were known.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for vocabulary, onboarding quizzes and revision decks of up to about twenty cards, where each card is answered once per round.
Do not use it for spaced repetition over hundreds of cards, which needs scheduling. Use a dedicated study screen.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
cards | Flashcard[] | - | Each has an id, question and answer. |
label | string | - | Accessible name of the deck. |
onFinish | (result: { known: number; total: number }) => void | - | Called when every card has been scored. |
The pattern ships with a Testing Library test (flashcards-stack-score.test.tsx). Embla needs layout to count snaps, and jsdom has none, so the repo's mockCarouselLayout helper gives the viewport and slides real sizes.