Basic Flashcard
The BasicFlashcard demonstrates the simplest usage of the Flashcard component, displaying a front and back side with default flipping behavior on click.
Demo
Front Content
Back Content
Code Example
'use client'
import { Flashcard } from 'react-quizlet-flashcard'
import 'react-quizlet-flashcard/dist/index.css'
export const BasicFlashcard = () => {
return (
<Flashcard
back={{ html: <div>Back Content</div> }}
front={{ html: <div>Front Content</div> }}
/>
)
}