Solution cards, Conduction Design System

Solution cards · solutions catalogue, two-up grid, sector-tinted icon hex

WOO compliance, by Friday.

A live WOO portal at your Nextcloud-hosted domain. Eleven categories, audit log, citation-stable URLs, no migration.

One workplace, every workflow.

Replace four SaaS subscriptions with apps that plug into the Nextcloud you already run. Files, mail, registers, dashboards in one place.

OpenRegister MyDash OpenConnector

Publieke sector

Zaakafhandeling, online.

Citizens track their case status from your subdomain. ZGW-compliant, integrated with your DMS, no separate front-end to maintain.

OpenZaak DocuDesk

Mount in MDX as <SolutionCard/>

Pairs with <SolutionGrid/>. Sector tints the icon hex (public, mkb, health). Built-on pills come from a string array.

Import & example

import {SolutionGrid, SolutionCard} from '@conduction/docusaurus-preset/components'; <SolutionGrid columns={2}> <SolutionCard href="/solutions/woo" sector="public" sectorLabel="Publieke sector" icon={<svg viewBox="0 0 24 24">...</svg>} title="WOO compliance, by Friday." outcome="Live WOO portal at your Nextcloud..." builtOn={['OpenCatalogi', 'OpenRegister', 'OpenConnector']} /> </SolutionGrid>

Props

sector public | mkb | health (tint)

sectorLabel override the auto label

icon ReactNode SVG, 24x24 viewBox

title h3, string or ReactNode

outcome body paragraph

builtOn string array of app names

href link target (renders as <a>)