PeopleList

Marketing · src/components/PeopleList/PeopleList.tsx

The people, with their titles.

Photographs appear only when EVERY person has one. A mixed list gives the people without a photograph a visibly lesser row, which is a decision about them made by whoever had the file to hand.

The photographs carry an empty alt: the name is right beside them as text, so describing the picture would make a screen reader read each person twice.

Import

import { PeopleList } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
people	Person[]
lang	string
label	string
className	string

Exported types

Person