JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<link type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<link type="text/css" href="//code.cloudcms.com/alpaca/1.5.24/bootstrap/alpaca.min.css" rel="stylesheet"/>
<script type="text/javascript" src="//code.cloudcms.com/alpaca/1.5.24/bootstrap/alpaca.min.js"></script>
<div id="form"></div>
JavaScript
let form = {
"view": "bootstrap-edit",
"schema": {
"type": "object",
"properties": {
"description_required": {
"enum": [
"Y",
"N"
],
"required": true
},
"description": {
"required": true
}
},
"dependencies": {
"description": ["description_required"] // Specify the field that your conditional field is dependant on
}
},
"options": {
"fields": {
"description_required": {
"type": "select",
"noneLabel": "Select an Option",
"label": "Description Required"
},
"description": {
"type": "textarea",
"cols": 5,
"label": "Description",
"dependencies": {
"description_required": "Y" // Specify the required value for the dependant field to show
}
}
}
}
}
$("#form").alpaca(form);