Student ID

Elara Martin
Student IDElara MartinGrade 7 · 7BRedwood Middle School
STD-24-00281
About this piece

Student ID

ID-card layout with an indigo photo panel on the left and a name, grade, school, and validity footer.

Usage

The import and the props worth knowing about, in one place.

import { Education29 } from "@/components/beste/piece/education29";

<Education29
  student="Elara Martin"
  grade="Grade 7 · 7B"
  school="Redwood Middle School"
  photo="EM"
  imageSrc="https://images.unsplash.com/photo-1499996860823-5214fcc65f8f?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDR8fHBvcnRyYWl0fGVufDB8fDB8fHww"
  alt="Elara Martin"
  id="STD-24-00281"
/>

More Education pieces

View all Education
A
Graded
Essay · The ethics of automation92 / 100Compelling thesis, strong citations. Tighten the conclusion.

Grade Card

Graded assignment card with a color-tinted letter tile, score fraction, and a clipped feedback excerpt.

CS 401 · Advanced React
Submitted
Project 2 · State management patterns
Due Apr 30, 23:593 files

Assignment Card

Course assignment card with a violet file tile, status pill, due date, and attachment count footer.

24 lessons
Design systems for shipping teams
Beste Sözen6h 42m
58%

Course Card

Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.

Top of the cohort
1
Priya Shah
Priya Shah98
2
Noor Ahmed
Noor Ahmed94
3
Jordan Reyes
Jordan Reyes91
4
Beste Sözen
Beste Sözen89

Student Roster

Ranked student list with rank digits, avatar initials, and emerald score pills on the right.

Prof. Lira Vasquez
Prof. Lira VasquezSenior instructor · React track
Top-rated
24,182 students4.9 average

Instructor Card

Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.

Question 3 / 10
Which hook schedules an effect after the DOM is painted?

Quiz Question

Multiple-choice card with a progress bar in the header, stem text, and four lettered option rows.