Markdown

The Markdown component is a read-only way to display content formatted in markdown-style.

OverviewProperties

Import

import { Markdown } from '@dynatrace/strato-components-preview/content';

Use cases

CodeSandbox

Customize markdown rendering

Use the customComponentMappings prop to override the default rendering behavior.

const customMappings = {
  h2: ({ children }) => (<u><h2>{children}</h2></u>)
}

<Markdown customComponentMappings={customMappings}>## Test</Markdown>

CodeSandbox