Student Roster

About this piece

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

Usage

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

import { Education22 } from "@/components/beste/piece/education22";

<Education22
  heading="Top of the cohort"
  students={[
    {
      "name": "Joep Beving",
      "initials": "JB",
      "score": "98",
      "imageSrc": "https://images.unsplash.com/photo-1606122017369-d782bbb78f32?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NzF8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Joep Beving"
    },
    {
      "name": "Poppy Ackroyd",
      "initials": "PA",
      "score": "94",
      "imageSrc": "https://images.unsplash.com/photo-1611695434398-4f4b330623e6?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjZ8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Poppy Ackroyd"
    },
    {
      "name": "Max Richter",
      "initials": "MR",
      "score": "91",
      "imageSrc": "https://images.unsplash.com/photo-1525134479668-1bee5c7c6845?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8ODJ8fHBvcnRyYWl0fGVufDB8fDB8fHww",
      "alt": "Max Richter"
    }
  ]}
  bordered={false}
/>