<.dm_markdown_input
  id="markdown-input-single-default"
  name="body"
  value="# Hello
Start writing **markdown** here."
 />

<.dm_markdown_input
  id="markdown-input-single-auto-grow"
  name="growing_body"
  value="Start typing to grow this editor."
  resize="none"
  style="--md-editor-min-height: 4rem; --md-editor-max-height: 16rem;"
  auto_grow
  no_preview
 />

<.dm_markdown_input
  id="markdown-input-single-placeholder"
  name="content"
  placeholder="Write your markdown here…"
 />

<.dm_markdown_input
  id="markdown-input-single-with-theme"
  name="body"
  value="# Dark Theme
```elixir
defmodule Example do
  def hello, do: :world
end
```"
  theme="atom-one-dark"
 />

<.dm_markdown_input
  id="markdown-input-single-no-mermaid"
  name="body"
  value="### Raw Mermaid
```mermaid
graph TD;
  A-->B;
```"
  no_mermaid
 />

<.dm_markdown_input
  id="markdown-input-single-math-and-mermaid"
  name="technical_notes"
  value="# Technical notes
Inline math: $E = mc^2$.
```mermaid
graph LR
  Write --> Preview
```"
  live_preview
 />

<.dm_markdown_input
  disabled
  id="markdown-input-single-disabled"
  name="body"
  value="This editor is disabled."
 />

<.dm_markdown_input
  id="markdown-input-single-readonly"
  name="body"
  value="# Read-only content
This editor is read-only."
  readonly
 />