formio-sfds
Version:
The Form.io theme for sf.gov
29 lines (26 loc) • 1.71 kB
HTML
<html lang="en">
<head>
<title>Well | formio-sfds examples</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/sfgov/forms.css">
</head>
<body>
<div class="formio-sfds">
<div class="container p-2">
<h1 class="h3 mb-4">
<a href="/">formio-sfds@10.0.0</a> /
Well
</h1>
<sfgov-form
data-form="{"components":[{"type":"well","label":"This is a well","components":[{"type":"textfield","label":"A text field","key":"some-text-field"},{"type":"number","label":"A number field","key":"numero"},{"type":"textarea","label":"A text area field","key":"textarea","value":""},{"type":"checkbox","label":"A checkbox","description":"The checkbox description"},{"type":"select","label":"Select field","data":{"values":[{"label":"Option 1","value":1},{"label":"Option 2","value":2}]}}]}]}"
data-options="">
</sfgov-form>
</div>
</div>
<script src="https://unpkg.com/formiojs@4.14.8/dist/formio.full.min.js"></script>
<script src="/dist/formio-sfds.standalone.js"></script>
<script src="/dist/examples.js"></script>
</body>
</html>