Skip to main content
Our new developer certification is live!

AuthorLinks

Renders a list of external links associated with an author/person.

Props

PropTypeRequiredDefaultDescription
authorPerson & { links?: { link?: Array<{ href: string }>; $?: { link?: CSLPFieldMapping } } }Yes-Person object with optional links array
cslpCSLPFieldMappingNo-CSLP mapping for the container
classNamestringNo''Additional CSS classes

Usage

import AuthorLinks from '@/components/molecules/AuthorLinks';

<AuthorLinks
  author={personData}
  className="mt-4"
/>

Features

  • External link detection: Automatically adds target="_blank" and rel="noopener noreferrer" for URLs starting with http
  • CSLP support: Supports Live Preview editing on the container and individual links
  • Semantic markup: Uses <nav> with aria-label for accessibility

Notes

  • Returns null if the author has no links
  • Displays the raw href as the link text
  • Used on the Author page to show a person's external links (social media, websites, etc.)