MarkdownField

CodeMirror-enhanced Markdown field with preview mode.

All components

Component frame

Decision body *

Write Markdown and switch to preview to render the formatted output.

Plain text

Preview will appear here.

Decision body is required.

Current State

{
  "markdown": "",
  "preview": "rendered from /api/markdown/preview",
  "submitted": null
}

Submission

null

Configuration Options

{
  "packageEntry": "@treeseed/ui/components/astro/forms/MarkdownField.astro",
  "defaultProps": {
    "label": "Decision body",
    "name": "decision_body",
    "rows": 8,
    "required": true
  },
  "configurableProps": [
    {
      "name": "rows",
      "type": "number",
      "defaultValue": 8,
      "description": "Textarea/editor height hint."
    },
    {
      "name": "required",
      "type": "boolean",
      "defaultValue": true,
      "description": "Requires content before submit."
    },
    {
      "name": "placeholder",
      "type": "string",
      "defaultValue": "",
      "description": "Editor placeholder."
    }
  ]
}

Defaults

{
  "label": "Decision body",
  "name": "decision_body",
  "rows": 8,
  "required": true
}