Student ID
ID-card layout with an indigo photo panel on the left and a name, grade, school, and validity footer.
Student IDElara MartinGrade 7 · 7BRedwood Middle School
STD-24-00281Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
Import & use
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"
/>
