Skip to main content

ProductCard

Deprecated

Deprecated: Use the new `<Card>` component instead

Examples

Basic

View standalone

ClinicalKey Now

Helps students and clinicians find the right answers

Explore
Code
<ProductCard
  acronym="CKN"
  content="Helps students and clinicians find the right answers"
  link={<Link href="http://foo.bar">Explore</Link>}
  title="ClinicalKey Now"
  titleLevel="h3"
/>

Overflow

View standalone

Custom Patient Education Manager

Patientenaufklärung, die einzigartig für Ihr Unternehmen ist und innerhalb Ihres Behandlungsablaufs zugänglich ist

Erforschen
Code
<div
  style={{
    inlineSize: '20rem'
  }}
>
  <ProductCard
    acronym="CPE"
    content="Patientenaufklärung, die einzigartig für Ihr Unternehmen ist und innerhalb Ihres Behandlungsablaufs zugänglich ist"
    link={<Link href="http://foo.bar">Erforschen</Link>}
    title="Custom Patient Education Manager"
    titleLevel="h3"
  />
</div>

Props

title

string

titleLevel

"h2" | "h3" | "h4" | "h5"

acronym

string

@deprecated The product acronym is no longer used and can be removed. This prop will be removed in a future release.

content

string

link

ReactNode

Link to the product itself. Specified as a `ReactNode` to allow for framework-specific links and localisation. Example: `link={<Link href="/clinicalkey-now">ClinicalKey Now</Link>}`