ConfigGrid + ConfigPanel · two-column comparison panel for "X side vs Y side" specs
Configuration
Two side-by-side white panels with a mono-uppercase header and a stack of label / value rows. Used on integration pages to compare the Open Register side of an integration against the external system's side, so the reader can match settings at a glance.
Open Register side
Source slug xwiki
Mapping Article → Schema
Refresh Cron, default */15 * * * *
Auth Bearer token
xWiki side
Version 15.x or later
Auth REST API + personal token
Permissions view on indexed spaces
Outbound HTTPS to Nextcloud webhook
React / MDX usage
Mount in MDX as <ConfigGrid/> + <ConfigPanel/>
Side-by-side comparison panel for documenting two ends of an integration: the Open Register / Conduction side on the left, the external system on the right. Each panel is a small spec sheet with a mono-uppercase header and a list of label/value rows. Drops to one column under 800 px.
Import & example
import {ConfigGrid, ConfigPanel} from '@conduction/docusaurus-preset/components';
## Configuration
<ConfigGrid>
<ConfigPanel title="Open Register side">
| Source slug | `xwiki` |
| Mapping | `Article → Schema` |
| Refresh | Cron, default `*/15 * * * *` |
| Auth | Bearer token |
</ConfigPanel>
<ConfigPanel title="xWiki side">
| Version | 15.x or later |
| Auth | REST API + personal token |
| Permissions | *view* on indexed spaces |
| Outbound | HTTPS to Nextcloud webhook |
</ConfigPanel>
</ConfigGrid>
Props
title optional h2 above the grid (e.g. Configuration, Specs)
lede optional one-paragraph intro
columns 2 or 3 (default 2)
children two or three <ConfigPanel/> nodes
ConfigPanel takes title (mono-uppercase header) and children (an MDX table, which renders as the row-stack). Cell content accepts inline code, em, and links.