formio-sfds
Version:
form.io templates for the SF Design System
58 lines (51 loc) • 1.93 kB
HTML
<html>
<head>
<title>formio-sfds</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="dist/common.css">
</head>
<body>
<div class="page-node-type-form-page">
<div class="form-page formio-sfds">
<div class="px-2">
<h1><code>formio-sfds@<span data-package="version">0.0.0</span></code></h1>
<div class="d-flex flex-column flex-md-row">
<div class="pr-md-4 position-relative">
<h2 class="h2 mt-2">Examples</h1>
<div style="position: sticky; top: 0;">
<ul id="example-links" class="list-style-none">
<template id="example-link">
<li>
<a slot="link" class="d-block py-1"></a>
</li>
</template>
</ul>
</div>
</div>
<div class="mt-2 pt-1">
<template id="form-template">
<section class="example">
<h2 class="h3" slot="title"></h2>
<div class="d-flex">
<form class="flex-auto" slot="form"></form>
<div class="ml-2">
<label class="fg-grey-4">
Submission data:
</label>
<textarea name="data" class="border-grey-4" style="width: 16em; resize: vertical;"></textarea>
</div>
</div>
</section>
</template>
</div>
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/formiojs@4.10.4/dist/formio.full.js"></script>
<script src="dist/formio-sfds.standalone.js"></script>
<script src="dist/examples.js"></script>
</body>
</html>