Markdown

Displays custom content using Markdown syntax. Useful for adding formatted text, links, headings, lists, and more to a UI page.

ctx.ui.display.markdown({ content });

Config

The Markdown string to render. Supports GitHub-flavored Markdown (GFM), including bold, italic, code, lists, links, headings, and more.

Identifies the element so a page's visibility rule can target it. Not shown in the UI. See Conditional visibility.

Usage

Markdown elements can be used to provide context, descriptions, or instructions between input or display components.

ctx.ui.page({
  title: "Markdown example",
  content: [
    ctx.ui.display.markdown({
      content: `
### Welcome to the form
 
Please fill out the information below. If you have any questions, contact [support](mailto:support@keel.so).
`,
    }),
    ctx.ui.inputs.text("name", { label: "Your name" }),
  ],
});