Persons

Renders a list of person cards using the AuthorCard component. Supports Person content type.

Props

Prop	Type	Required	Default	Description
`authors`	`Person[]`	Yes	-	Array of person objects from Contentstack
`cslp`	`CSLPFieldMapping`	No	-	CSLP mapping for editable fields
`className`	`string`	No	`''`	Additional CSS classes for the container
`label`	`string`	No	`'Author'`	Label text to display above person name (e.g., "Author", "Host", "Guest")

Usage

1import Persons from '@/components/organisms/Persons';
2
3<Persons 
4  authors={[
5    { title: "John Doe", url: "/person/john-doe", ... },
6    { title: "Jane Smith", url: "/person/jane-smith", ... }
7  ]}
8  className="mb-8"
9/>

import Persons from '@/components/organisms/Persons';

<Persons 
  authors={[
    { title: "John Doe", url: "/person/john-doe", ... },
    { title: "Jane Smith", url: "/person/jane-smith", ... }
  ]}
  className="mb-8"
/>

Features

Renders multiple person cards in a flex wrap layout
Returns null if authors array is empty or undefined
Supports custom className for styling
Customizable label based on field name (defaults to "Author", can be set to "Host", "Guest", etc.)
Uses AuthorCard component internally
Supports Person content type

Custom Labels

The label prop allows you to customize the text displayed above each person's name based on the field name:

1// Default: "Author"
2<Persons authors={authors} />
3
4// Custom: "Host" (for live stream hosts)
5<Persons authors={hosts} label="Host" />
6
7// Custom: "Guest" (for live stream guests)
8<Persons authors={guests} label="Guest" />

// Default: "Author"
<Persons authors={authors} />

// Custom: "Host" (for live stream hosts)
<Persons authors={hosts} label="Host" />

// Custom: "Guest" (for live stream guests)
<Persons authors={guests} label="Guest" />

Notes

Each person card is wrapped with gap-4 spacing
Uses flex-wrap for responsive layout
The component name was changed from Authors to Persons to better reflect support for Person content type