Markdown – Code

Implementation
Markdown Props

Common Examples

To use the Markdown, import it from @servicetitan/anvil2-ai-kit and pass a required markdown string through source. The kit forbids children.

import { Markdown } from "@servicetitan/anvil2-ai-kit";

function ExampleComponent() {
  return <Markdown source={"# Summary\n\nCompleted **3 tasks**."} />;
}

Markdown enables GitHub Flavored Markdown, including tables, strikethrough, task lists, and autolinks.

Headings

Headings render through Text so semantic levels and the Carto headline scale remain aligned.

Inline formatting

Markdown supports emphasis, strong text, strikethrough, inline code, and links.

Lists and task lists

Ordered and unordered lists support nesting. GitHub task-list checkboxes are read-only.

Code

Inline code and fenced code blocks receive separate Carto treatments.

Tables

GitHub Flavored Markdown tables render through the kit’s responsive table implementation.

Links

Relative and same-origin links stay in the current tab. External HTTP(S) links open in a new tab with rel="noopener noreferrer".

React Accessibility

Markdown headings preserve their source heading levels.
Images use their markdown alt text. Images without alt text render with an empty alt attribute.
Task-list checkboxes are disabled because rendered markdown is read-only.
Tables preserve header and data-cell semantics.

<Markdown source={"# Summary\n\nCompleted **3 tasks**."} />

`Markdown` Props

The Markdown accepts the following props and forwards remaining <div> attributes except children and style.

string

required

Markdown source parsed with GitHub Flavored Markdown enabled.

string

Class merged onto the root wrapper.

AI Kit

Agent Experience

Markdown – Code

Common Examples

Headings

Inline formatting

Lists and task lists

Code

Tables

Links

React Accessibility

`Markdown` Props

​Common Examples

​Headings

​Inline formatting

​Lists and task lists

​Code

​Tables

​Links

​React Accessibility

​Markdown Props

Common Examples

Headings

Inline formatting

Lists and task lists

Code

Tables

Links

React Accessibility

`Markdown` Props