Markdown
A markdown rendering component for AI chat applications with syntax highlighting.
Examples
Basic Usage
A simple markdown component with essential formatting features.
Welcome to chatblocks
This is a markdown demo showcasing basic formatting capabilities with italic and bold text.
Basic Features
Here are some basic markdown elements:
- Simple bullet points
- Bold text for emphasis
- Italic text for style
- Regular paragraphs with proper spacing
Quotes and Links
This is a blockquote example. It can span multiple lines and provides emphasis.
You can also include links to external sites or inline code like const example = true.
Why Use Markdown?
Markdown provides a clean, readable way to format text that's perfect for AI chat applications. It's simple yet powerful enough for most content needs.
Advanced Features
Advanced markdown with syntax highlighting, tables, and complex formatting.
Advanced Markdown Features
This demo showcases advanced markdown capabilities including syntax highlighting and tables.
Code Highlighting
TypeScript Example
function greet(name: string) {
return `Hello, ${name}!`;
}
const message = greet('chatblocks');
console.log(message);Data Tables
Feature Comparison
| Feature | Basic | Advanced | Enterprise |
|---|---|---|---|
| Syntax Highlighting | ❌ | ✅ | ✅ |
| Tables | ❌ | ✅ | ✅ |
| Custom Themes | ❌ | ❌ | ✅ |
| API Access | Limited | Full | Full |
| Support | Community | Priority |