1. Dynamic Content Loading

Learn how to fetch and render data without reloading the page using the fetch API.

async function loadData(url){
  const response = await fetch(url);
  if (!response.ok) throw new Error('Network error');
  const data = await response.json();
  document.getElementById('output').textContent = JSON.stringify(data, null, 2);
}
loadData('/api/status');

2. Interactive Diagrams

Integrate Mermaid diagrams directly in your markdown.

graph LR
    A[Start] --> B{Decision}
    B -->|Yes| C[Proceed]
    B -->|No| D[Stop]

3. Theme Switching

Toggle between light and dark mode using a single button.

4. Real‑time Search Filter

Filter guide sections instantly as you type.

• Dynamic Content Loading
• Interactive Diagrams
• Theme Switching
• Real‑time Search Filter