Component library

Markdown component

Last updated 2 November 2026

Defines a markdown viewer/renderer.

Live demo

<ins-markdown 
  id="directFieldEl">
</ins-markdown>

<script>
  var label = "Change logs - Sample";
  var value = `
# H1 heading
## H2 heading
### H3 heading`;

  var field = document.getElementById('directFieldEl');
  directFieldEl.addEventListener('didLoad', function(e){
    field.label = label;
    field.value = value;
  });
</script>

Attributes

FIELD ATTRIBUTE	TYPE	DEFAULT	OPTIONS	DESCRIPTION
label	string	""	any	Label shown for the field
value	string	""	any	Defines the field value
replace-line-breaks	boolean	false	true, false	Enabling this will replace line breaks / next lines (`\n`) to `<br/>` HTML code