Skip to content
Get All-Access
AI & AgentsPro

Markdown

Prose styling wrapper for rendered markdown/HTML assistant output.

Usage

Summary

Revenue grew 12% QoQ.

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { Markdown } from "@wunderui/react"

Examples

Elements

How the assistant’s formatted answer looks: headings, paragraphs, lists, inline code and links.

Quarterly summary

Revenue grew 12% with 1,204 new customers.

  1. Ship the pricing page
  2. Review churn cohort

Read the report

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Assistant answer

Formatted output from the assistant: heading, list, emphasis and a link.

AI

Three ways to cut churn

Your churn rose from 1.5% to 1.8% this month. The biggest levers:

  • Win back paused accounts with a one-click resume.
  • Add an in-app nudge before the trial ends.
  • Offer annual billing at checkout.

See the retention report for the full breakdown.

PreviousLog StreamNextMention Picker