---
title: "MarkdownView"
description: "Render markdown using the design system fonts and colors. Headings map to theme sizes (h1→xl, h2→lg, h3→md, h4→sm)."
sidebar_label: "MarkdownView"
slug: /reference/components/markdownview
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# MarkdownView

Render markdown using the design system fonts and colors. Headings map to theme sizes (h1→xl, h2→lg, h3→md, h4→sm).

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `TextProps`  
**Story source:** [`demo/stories/MarkdownView.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/MarkdownView.stories.tsx)

## Live demo

<ComponentDemo name="MarkdownView" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `align` | `union` |  |  |
| `bold` | `boolean` |  |  |
| `children` | `ReactNode` |  |  |
| `color` | `keyof TextTheme` |  |  |
| `italic` | `boolean` |  |  |
| `numberOfLines` | `number` |  |  |
| `size` | `TextSize` |  |  |
| `skipLinking` | `boolean` |  |  |
| `testID` | `string` |  | Root test id for the primary interactive element or container. |
| `truncate` | `boolean` |  |  |
| `underline` | `boolean` |  |  |