Contact CTA, Conduction Design System

Design system / Components / Contact CTA

Contact CTA · end-of-tutorial mail prompt

React / MDX usage

Mount in MDX as `<ContactCta/>`

End-of-tutorial mail prompt. Composed from <HexCard decoration> with the mail icon in the top-left badge and the primary CTA in the right-side actions slot. Calmer than the dark <CtaBanner/> footer, louder than a plain link.

Import & example

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

<ContactCta
  title="Wil je meer weten?"
  body="Mail ons. We helpen je in een halve dag op weg met je eigen Woo-publicatieflow."
  cta={{ label: "Mail ons", href: "mailto:info@conduction.nl" }}
/>

Props

title string
body string
cta {label, href}
className string