# @cdc/markup-include

> React component for displaying HTML content from an outside link

Latest version **4.26.7** (published 2026-07-28) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @cdc/markup-include
pnpm add @cdc/markup-include
yarn add @cdc/markup-include
bun add @cdc/markup-include
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 4.26.7 |
| Published | 2026-07-28 |
| First published | 2022-04-25 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 55 |
| Author | Rob Shelnutt |
| Maintainers | cooms13, adoe, mpallansch |

## Links

- npm: https://www.npmjs.com/package/@cdc/markup-include
- Repository: https://github.com/CDCgov/cdc-open-viz
- Homepage: https://github.com/CDCgov/cdc-open-viz#readme
- Issues: https://github.com/CDCgov/cdc-open-viz/issues
- npm.io page: https://npm.io/package/@cdc/markup-include

## Dependencies (5)

- [axios](https://npm.io/package/axios.md) ^1.13.2
- [lodash](https://npm.io/package/lodash.md) ^4.17.23
- [@cdc/core](https://npm.io/package/@cdc/core.md) ^4.26.7
- [dompurify](https://npm.io/package/dompurify.md) ^3.4.0
- [react-accessible-accordion](https://npm.io/package/react-accessible-accordion.md) ^5.0.1

## Recent versions

- 4.26.7 (latest) — 2026-07-28
- 4.26.6 — 2026-06-30
- 4.26.5 — 2026-06-04
- 4.26.4 — 2026-04-28
- 4.26.3 — 2026-04-06
- 4.26.2 — 2026-03-02
- 4.26.1 — 2026-01-28
- 4.25.11 — 2025-12-02
- 4.25.10 — 2025-10-28
- 4.25.8 — 2025-08-27
- 4.25.7 — 2025-07-29
- 4.25.6-1 — 2025-07-09
- 4.25.6 — 2025-07-01
- 4.25.5-1 — 2025-06-05
- 4.25.3 — 2025-03-25
- … 33 more at https://npm.io/package/@cdc/markup-include/versions

## README

# @cdc/markup-include

[![npm](https://img.shields.io/npm/v/@cdc/markup-include)](https://www.npmjs.com/package/@cdc/markup-include)

`<CdcMarkupInclude />` renders authored HTML and optional markup variables inside the CDC shell.
The primary configuration reference is [CONFIG.md](./CONFIG.md).

## Installation

```bash
npm install @cdc/markup-include
```

## Quick Start

Use the package by passing a `config` object directly:

<!-- README_EXAMPLE_CONFIG_START -->
```jsx
import CdcMarkupInclude from '@cdc/markup-include'

const config = {
  type: 'markup-include',
  version: '4.26.4',
  theme: 'theme-blue',
  contentEditor: {
    inlineHTML: '<p>Markup include minimum example.</p>',
    srcUrl: '',
    title: 'Markup Include',
    useInlineHTML: true
  }
}

function App() {
  return <CdcMarkupInclude config={config} />
}

export default App
```
<!-- README_EXAMPLE_CONFIG_END -->

## Configuration

The primary reference for authoring configs is [CONFIG.md](./CONFIG.md).

If you are reading this in a context where relative Markdown links do not open correctly, use the [GitHub copy of the markup include config reference](https://github.com/CDCgov/cdc-open-viz/blob/main/packages/markup-include/CONFIG.md).

## Properties

| Property | Type | Description |
| --- | --- | --- |
| `config` | `object` | Markup include configuration object. |
| `configUrl` | `string` | Optional URL to a JSON config file fetched at runtime. |

---
_Source: https://npm.io/package/@cdc/markup-include · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._