React / MDX usage
Mount in MDX as <PartnersFor/>
Reusable "who ships this" section for app and solution pages. Renders <Section> + <SectionHead> + a <PartnerGrid> of full <PartnerCard>s, with the <BecomePartner> CTA as the trailing cell. When the partner list is empty the grid contains only the BecomePartner cell, so the section still recruits without looking broken.
Import & example
import {PartnersFor} from '@conduction/docusaurus-preset/components';
import {usePartnersByApp, useBecomePartner} from '@site/src/data/partners-catalog';
<PartnersFor
eyebrow="Partners"
title="Partners shipping OpenRegister"
lede="Implementation, hosting, and integration partners..."
partners={usePartnersByApp('OpenRegister')}
becomePartner={useBecomePartner()}
/>
Props
eyebrow default "Partners"
title section h2
lede lede paragraph (string or ReactNode)
partners array of partner records from the site catalog
becomePartner props object for the trailing BecomePartner cell
gridColumns default 3
background default | tinted | inverse (forwards to Section)
spacing default | tight | flush (forwards to Section)
Site shim
The conduction-website exposes two thin wrappers that hook the catalog up for you, so MDX stays a one-liner:
import {PartnersForApp, PartnersForSolution} from '@site/src/components/PartnersFor';
<PartnersForApp slug="openregister" />
<PartnersForSolution slug="openwoo" />