Staaarter

Faculty Profile Spotlight

Faculty spotlight section featuring a professor's photo, short biography, research interests as tags, a large publications-count stat, and an inspirational quote from them.

By Staaarter Team
Education
Docs
Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its badge, media-slot dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/faculty-profile-spotlight.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/education/education12.tsx instead.

Usage

The file also exports education12Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Education12, education12Demo } from "@/components/blocks/education/education12";

export default function Page() {
  return <Education12 {...education12Demo} />;
}

Props

PropTypeDefaultDescription
badge{ label: string; variant?: BadgeVariant }nonePill above the heading; only rendered when badge or heading is truthy.
headingReactNodeundefinedOptional section heading above the profile.
photo{ src: string; alt: string }noneFaculty portrait photo.
namestringnoneFaculty member's name.
titlestringnoneRole/title line under the name.
biostringnoneShort biography paragraph.
researchInterestsstring[][]Tag-style badges listing research areas.
publicationsCountstringnoneLarge stat number, e.g. "128".
publicationsLabelstring"Publications"Label under the publications stat.
quotestringnoneInspirational quote attributed to the faculty member.
classNamestringnoneExtra classes for the outer section element.

Behavior notes

  • Fully static: no client state, no expandable bio, no interactive elements at all.
  • The badge/heading pair only renders when either is set, so the block can be used as a standalone card without a section-level header.
  • researchInterests only renders its label and tag row when the array is non-empty.
  • publicationsCount and publicationsLabel are plain strings, not computed from any list, since a real integration would supply the number itself.