Skip to main content

Common Examples

Basic Usage

Render markdown content:
import { MarkdownText } from "@servicetitan/ext-atlas";

function MarkdownContent() {
  const content = `
# Welcome

Here are some **important** points:

1. First item
2. Second item
3. Third item

Visit [our website](https://example.com) for more info.
  `;

  return <MarkdownText text={content} />;
}

Dynamic Content

Render markdown from API response:
import { MarkdownText } from "@servicetitan/ext-atlas";

function DynamicMarkdown({ content }) {
  return <MarkdownText text={content} />;
}

With Tables

Render GFM tables:
import { MarkdownText } from "@servicetitan/ext-atlas";

function TableContent() {
  const table = `
| Service | Price |
| ------- | ----- |
| HVAC    | $150  |
| Plumbing| $120  |
  `;

  return <MarkdownText text={table} />;
}
Last modified on February 12, 2026