Pair cards, Conduction Design System

Pair cards · "Pairs well with" / "See also" rows on app & solution detail pages

React / MDX usage

Mount in MDX as `<PairCard/>`

Compact "related item" card used on app-detail and solution-detail pages. Pair with <PairRow/> for the 3-up layout.

Import & example

import {PairRow, PairCard} from '@conduction/docusaurus-preset/components';

<PairRow>
  <PairCard
    href="/apps/opencatalogi"
    icon={<svg viewBox="0 0 24 24">...</svg>}
    name="OpenCatalogi"
    why="Surfaces every register as a public, searchable catalogue entry."
  />
</PairRow>

Props

icon ReactNode SVG, 24x24 viewBox
name related-item name
why short reason line
href link target