Quiz outcome card with a trophy tile, pass or fail tint, score fraction, percent, and elapsed time.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Education12 } from "@/components/beste/piece/education12";
<Education12
score={8}
total={10}
passing={7}
timeTaken="12:42"
result="passed"
/>Multiple-choice card with a progress bar in the header, stem text, and four lettered option rows.
Graded assignment card with a color-tinted letter tile, score fraction, and a clipped feedback excerpt.
Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.
Course assignment card with a violet file tile, status pill, due date, and attachment count footer.
Teacher dashboard tile with a progress bar and three tinted tiles counting submitted, late, and missing.
Streak card with a flame badge, seven-day dot grid, and an encouraging caption underneath.