About this piece
Quiz Question
Multiple-choice card with a question counter, stem text, and four lettered option rows.
Usage
The import and the props worth knowing about, in one place.
import { Education11 } from "@/components/beste/piece/education11";
<Education11
questionIndex={3}
totalQuestions={10}
question="Which hook schedules an effect after the DOM is painted?"
options={[
{
"letter": "A",
"label": "useLayoutEffect",
"state": "idle"
},
{
"letter": "B",
"label": "useEffect",
"state": "selected"
},
{
"letter": "C",
"label": "useMemo",
"state": "idle"
},
{
"letter": "D",
"label": "useDeferredValue",
"state": "idle"
}
]}
bordered={false}
/>