formio-sfds
Version:
The Form.io theme for sf.gov
29 lines (26 loc) • 2.15 kB
HTML
<html lang="en">
<head>
<title>Review (custom component) | 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> /
Review (custom component)
</h1>
<sfgov-form
data-form="{"display":"wizard","components":[{"type":"panel","title":"Intro page","components":[{"type":"htmlelement","tag":"h3","content":"Hello, world!"}]},{"type":"panel","title":"Basics page","components":[{"type":"textfield","key":"name","label":"Your name","defaultValue":"Judge","validate":{"required":true}},{"type":"number","key":"age","label":"Age","defaultValue":50}]},{"type":"panel","title":"More data","components":[{"type":"address","key":"address","label":"Your address","defaultValue":{"line1":"123 Main St","city":"San Francisco","state":"CA","zip":94110}}]},{"type":"panel","title":"Review your submission","components":[{"type":"review","label":""}]}]}"
data-options="{"scroll":false}">
</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>