React Marked Renderer - Playground

Heading 1

Here is some amazing markdown! It uses the github flavored markdown by default.

Heading 2

Create an unordered list:

  • value 1
    • value 1-2
  • value 2
  • Link - and content

Create an ordered list:

  1. Item 1
  2. Item 2
  • Sub Item
  1. Item 3

Create a task list:

Heading 3

Here's a blockquote.

Heading 4

Combine some italics and bold text while deleting this text.

Heading 5

Create a table:

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
Heading 6

Do some code like stuff:

npm install --save react-marked-renderer

or

yarn add react-marked-renderer

Some other languages:

/**
 * The default implementation for rendering the {@link Tokens.List} by
 * rendering:
 *
 * ```tsx
 * <li>{children}</li>
 * ```
 */
export function ListItemRenderer({
  children,
}: ListItemRendererProps): ReactElement {
  return <li>{children}</li>;
}