---
title: Markdown Demo
version: 1.0.0
author: ratatui-toolkit
description: A comprehensive demonstration of markdown rendering features
---
# asd
## asd
### asd
# Markdown Renderer Showcase
This document demonstrates all features supported by the **MarkdownRenderer**.
## 1. Frontmatter
YAML frontmatter at the top is parsed and displayed as a collapsible section. This is commonly used in static site generators like Jekyll, Hugo, and Docusaurus.
---
## 2. Text Formatting
**Bold text** using double asterisks
*Italic text* using single asterisks
***Bold and italic*** combined
`Inline code` with monospaced styling
~~Strikethrough~~ text with strike-through effect
---
## 3. Links
[ratatui-toolkit GitHub](https://github.com/anomalyco/ratatui-toolkit)
[Inline link with **bold** text](https://example.com)
<https://autolink-url.com>
---
## 4. Code Blocks
### Rust
```rust
fn main() {
let greeting = "Hello, World!";
println!("{}", greeting);
}
```
### Python
```python
def greet(name: str) -> str:
"""Return a greeting message."""
return f"Hello, {name}!"
# Example usage
print(greet("ratatui"))
```
### JavaScript
```javascript
const greeting = "Hello, World!";
console.log(greeting);
function add(a, b) {
return a + b;
}
```
### Go
```go
package main
import "fmt"
func main() {
fmt.Println("Hello, World!")
}
```
### Shell
```bash
#!/bin/bash
echo "Hello, World!"
cargo build --release
```
---
## 5. Tables
### Simple Table
| Bold | ✅ | `**text**` |
| Italic | ✅ | `*text*` |
| Code | ✅ | `` `code` `` |
| Tables | ✅ | `\|col\|` syntax |
### Data Table
| Rust | 2010 | Multi-paradigm |
| Python | 1991 | Multi-paradigm |
| Go | 2009 | Imperative |
| JavaScript | 1995 | Multi-paradigm |
### Right-aligned Table
| Alice | 95 | A |
| Bob | 87 | B+ |
| Charlie | 92 | A- |
---
## 6. Lists
### Unordered Lists
- First item
- Second item
- Nested level 1
- Nested level 2
- Deeply nested
- Back to level 1
- Third item
- Fourth item
### Ordered Lists
1. First ordered item
2. Second ordered item
1. Nested ordered
2. Another nested
3. Third item
4. Fourth item
### Mixed List
1. First numbered
2. Second numbered
- Bullet point
- Another bullet
1. Numbered inside
2. Another
- Back to bullets
3. Third numbered
---
## 7. Blockquotes
### Simple Quote
> The only way to do great work is to love what you do.
> — Steve Jobs
### Nested Blockquotes
> This is a top-level quote.
>
> > This is a nested quote.
> >
> > > And another level deeper!
>
> Back to the first level.
### Code in Quote
> Here's a code example:
> And another example
>
> ```rust
> fn main() {
> println!("Quote with code!");
> }
> ```
### Multi-line Quote
> Markdown is a lightweight markup language with plain text formatting syntax.
> It is designed so that it can be converted to HTML and many other formats
> using a tool by the same name.
---
## 8. Headings
# Heading Level 1
## Heading Level 2
### Heading Level 3
#### Heading Level 4
##### Heading Level 5
###### Heading Level 6