Partner directory, Conduction Design System

Design system / Components / Partner directory

Partner directory · faceted-filter sidebar + partner-card grid + become-a-partner CTA

Strategic OpenRegister

Nederlandse open-source specialist uit Almere. Bouwt en host Nextcloud-omgevingen voor gemeenten en zorginstellingen, met focus op AVG-compliance en NLDS. Strategisch partner op hosting + stack-implementatie en gezamenlijke roadmap.

OpenRegister OpenCatalogi DocuDesk

Nederlandse hoster en leverancier van proces- en zaakmanagement-software. Officieel Nextcloud-distributeur; certified op DocuDesk en OpenConnector voor procesintegraties bij gemeenten en uitvoeringsorganisaties.

Nextcloud DocuDesk OpenConnector

Digital design- en development-bureau uit Utrecht. Ontwerpt en bouwt klantgerichte digitale producten op Nextcloud voor gemeenten en publieke organisaties.

LaunchPad OpenCatalogi

Become a partner

Ship Conduction to your customers.

Join as Partner, Certified, or Strategic. Apply once, pick the tier that fits your engagement model.

Apply below →

React / MDX usage

Mount in MDX as `<PartnerDirectory/>`

Composes <FacetedFilters/> sidebar, <PartnerGrid/>, <PartnerCard/>, and an optional <BecomePartner/> CTA. Facets auto-derive from the partners array (tier + apps).

Import & example

import {PartnerDirectory} from '@conduction/docusaurus-preset/components';

<PartnerDirectory
  partners={[
    {href: '/partners/acato', tier: 'strategic', name: 'Acato',
     logo: '/img/partners/acato.png',
     summary: <>Nederlandse open-source specialist...</>,
     apps: ['OpenRegister', 'OpenCatalogi', 'DocuDesk']},
    /* ... */
  ]}
  becomePartner={{
    href: '#become-a-partner',
    title: 'Ship Conduction to your customers.',
    body:  'Join as Partner, Certified, or Strategic.',
    ctaLabel: 'Apply below',
  }}
/>

Props

partners array of PartnerCard props ({tier, name, logo, summary, apps, href})
becomePartner trailing-tile CTA config
gridColumns default 2
emptyState string shown when no partner matches

Filter logic: within a facet, multiple selections are OR-ed (any-of). Across facets, selections are AND-ed (all-of).