Callout Plugin

💡 Block Plugin Demo: Interactive Callouts

This example demonstrates a custom block plugin with interactive data handling, designed for learning purposes. Click the emoji to cycle through different display modes.

Features demonstrated:

  • Interactive data: Click emojis to cycle between 🚨 Alert, ⚠️ Warning, and 💡 Tip modes
  • Rich text support: Use bold, italic, and other formatting inside callouts
  • Nested content: Add paragraphs and other blocks inside callouts
  • Data persistence: Mode changes are saved to the document JSON
  • View modes: Different rendering for readonly vs editable contexts

📚 Learn more about it: Check out the documentation