<h3 class="(attributes)=>{ const level = attributes.level; const baseClasses = 'font-bold'; switch(level){ case 1: return `${baseClasses} text-3xl mt-6 mb-4`; case 2: return `${baseClasses} text-2xl mt-5 mb-3`; case 3: return `${baseClasses} text-xl mt-4 mb-2`; default: return baseClasses; } }">It works! or does it? H2 </h3><ul class="list-disc list-outside ml-4 my-4 space-y-1"><li class="pl-1"><p>Item</p></li><li class="pl-1"><p>Item</p></li></ul><p>Paragraph</p><p><strong>Bold</strong></p><p><em>Italic</em></p><p><s>Strikethrough</s></p><ol class="list-decimal list-outside ml-4 my-4 space-y-1"><li class="pl-1"><p>Numbered 1</p></li><li class="pl-1"><p>Numbered 2</p></li></ol><blockquote class="border-l-4 border-gray-300 dark:border-gray-600 pl-4 my-4"><p>Fancy blockquote</p></blockquote><pre class="rounded-md bg-muted/50 p-4 font-mono text-sm my-4"><code>Codeblock? </code></pre><p>Wow. I'm impressed!</p>

Comments0
No comments yet. Start the conversation.