Next steps, Conduction Design System

NextSteps + NextStep · end-of-tutorial action row

Volgende stap.

Met deze vier modes kun je elk type document koppelen aan een register. Combineer ze in een app voor een complete workflow.

Toon op een portaal

Combineer publicaties met andere apps op een publiek portaal voor burgers en partners.

Bekijk OpenCatalogi

Documenten lakken

Anonimiseer privacygevoelige passages voor publicatie, automatisch op basis van AVG-categorieën.

Bekijk DocuDesk

Koppel een extern systeem

Synchroniseer een bestaand zaaksysteem of CRM via OpenConnector, zonder zelf integraties te bouwen.

Bekijk OpenConnector

Mount in MDX as <NextSteps/> + <NextStep/>

Action-card row that closes an academy tutorial or a per-app docs page. Each <NextStep/> is a fully clickable card with a short title, a one-line body, and a target route. Default column count is 3; pass columns={2} for two-up or columns={4} for four-up. Collapses to one column under 800px.

Import & example

import {NextSteps, NextStep} from '@conduction/docusaurus-preset/components'; <NextSteps title="Volgende stap" lede="Met deze vier modes kun je..."> <NextStep href="/apps/opencatalogi" title="Toon op een portaal" cta="Bekijk OpenCatalogi" > Combineer publicaties met andere apps op een publiek portaal. </NextStep> <NextStep href="/apps/docudesk" title="Documenten lakken" cta="Bekijk DocuDesk" > Anonimiseer privacygevoelige passages voor publicatie. </NextStep> </NextSteps>

Props

title heading text (default Next steps; usually Volgende stap in NL)

lede optional one-paragraph intro

columns 2, 3, or 4 (default 3)

children one or more <NextStep/> nodes

NextStep takes href (target route), title, cta (action label, default Read more), and children (the body).