JSFiddle - React, Tailwind, and code Playground

HTML

<h4>Set as Boolean value = True</h4>
<code id="cTrueValue1"></code>
<h4>Set as Boolean value = False</h4>
<code id="cFalseValue1"></code>
<h4>Set as String value = True</h4>
<code id="cTrueValue2"></code>
<h4>Set as String value = False</h4>
<code id="cFalseValue2"></code>

CSS

code
{
    display:block;
    padding: 10px;
    margin:10px;
    border: 1px solid #c1c1c1;
    background: #f1f1f1;
}

JavaScript

var html;
// Set as Boolean value
html = $('<input/>').attr({ type: 'hidden', value: true })[0].outerHTML;
$('#cTrueValue1').text(html);

html = $('<input/>').attr({ type: 'hidden', value: false })[0].outerHTML;
$('#cFalseValue1').text(html);

// Set as String value
html = $('<input/>').attr({ type: 'hidden', value: 'true' })[0].outerHTML;
$('#cTrueValue2').text(html);

html = $('<input/>').attr({ type: 'hidden', value: 'false' })[0].outerHTML;
$('#cFalseValue2').text(html);