Flashcards #

Best for glossary pages, interview prep notes, language vocab drills, and bite-size learning posts.

Props #

PropTypeRequiredDescription
cards{ front: string, back: string }[]YesFlashcard items.
classNamestringNoWrapper classes.

Live example #

1/3

Code #

mdx
<Flashcards
cards={[
{ front: 'SSG', back: 'Static Site Generation' },
{ front: 'CSR', back: 'Client-Side Rendering' },
{ front: 'ISR', back: 'Incremental Static Regeneration' },
]}
/>