https://kaleguy.github.io/formiojs-client/

1<!DOCTYPE html>
2<html>
3  <head>
4    

4<script>
5      window.lconfig = {
6        showAppTitle: false,
7        showHeader: true,
8        docTitle: 'Formio.js Client Demos',
9        filename: 'docs',
10        firstNodeAsTitle: false,
11        baseMode: 't',
12        viewTypes: [
13          {name: 'Outline', type: 't'},
14          {name: 'Inline', type: 'a'},
15          {name: 'Graphic Tree', type: 'd'},
16          {name: 'Dendrogram', type: 'z'},
17          {name: 'Nested Menu', type: 'n'}
18        ],
19        githubRibbon: {
20          text: 'Fork me on GitHub',
21          linkUrl: 'https://github.com/kaleguy/formiojs-client',
22          fixed: true
23        }
24      }
25    </script>

25
26    <meta charset=utf-8>
27    <title>Formio Form Renderer Demo Project</title>
28    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/static/css/app.css" rel=stylesheet>
29    <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
30  </head>
31  <body>
32      <div id=app></div>
33      

33<script type=text/javascript src=https://cdn.jsdelivr.net/npm/[email protected]/dist/static/js/manifest.js></script>

33
34      

34<script type=text/javascript src=https://cdn.jsdelivr.net/npm/[email protected]/dist/static/js/vendor.js></script>

34
35      

35<script type=text/javascript src=https://cdn.jsdelivr.net/npm/[email protected]/dist/static/js/app.js></script>

35
36   </body>
37   <style type="text/css">
38     #app {
39       font-family: 'Roboto', sans-serif;
40     }
41     .treeviewer .left-pane {
42       font-family: 'Roboto Condensed', sans-serif;
43       padding-top: 20px;
44     }
45   </style>
46</html>