JSFiddle - React, Tailwind, and code Playground

by samu_eyes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<script src="//code.cloudcms.com/alpaca/1.5.18/bootstrap/alpaca.min.js"></script>
<link rel="stylesheet" href="//code.cloudcms.com/alpaca/1.5.18/bootstrap/alpaca.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div id="field2"></div>a

JavaScript

$("#field2").alpaca({
    "schema": {
        "title": "Your Information",
        "type": "object",
        "properties": {
            "firstName": {
                "title": "First Name",
                "type": "string"
            },
            "lastName": {
                "title": "Last Name",
                "type": "string"
            }
        }
    },
    "options": {
        "form": {
            "attributes": {
                "method": "post",
                "action": "http://httpbin.org/post"
            },
            "buttons": {
                "submit": {
                    "title": "Bring it on!"
                }
            }
        }
    },
    "view": "bootstrap-edit-horizontal"
});