UNPKG

formio-sfds

Version:

The Form.io theme for sf.gov

github.com/SFDigitalServices/formio-sfds

SFDigitalServices/formio-sfds

29 lines (26 loc) • 3.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!doctype html> <html lang="en"> <head> <title>Kitchen sink | 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> / Kitchen sink </h1> <sfgov-form data-form="{&quot;components&quot;:[{&quot;type&quot;:&quot;textfield&quot;,&quot;label&quot;:&quot;A text field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;number&quot;,&quot;label&quot;:&quot;A number field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;textarea&quot;,&quot;label&quot;:&quot;A text area field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;A checkbox&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;select&quot;,&quot;label&quot;:&quot;Select field&quot;,&quot;description&quot;:&quot;The description&quot;,&quot;data&quot;:{&quot;values&quot;:[{&quot;label&quot;:&quot;Option 1&quot;,&quot;value&quot;:1},{&quot;label&quot;:&quot;Option 2&quot;,&quot;value&quot;:2}]}},{&quot;type&quot;:&quot;selectboxes&quot;,&quot;label&quot;:&quot;Select boxes&quot;,&quot;description&quot;:&quot;The description&quot;,&quot;values&quot;:[{&quot;label&quot;:&quot;Select box 1&quot;,&quot;value&quot;:1},{&quot;label&quot;:&quot;Select box 2&quot;,&quot;value&quot;:2},{&quot;label&quot;:&quot;Select box 3&quot;,&quot;value&quot;:3}]},{&quot;type&quot;:&quot;radio&quot;,&quot;description&quot;:&quot;The description&quot;,&quot;values&quot;:[{&quot;label&quot;:&quot;Radio 1&quot;,&quot;value&quot;:1},{&quot;label&quot;:&quot;Radio 2&quot;,&quot;value&quot;:2},{&quot;label&quot;:&quot;Radio 3&quot;,&quot;value&quot;:3}]},{&quot;type&quot;:&quot;button&quot;,&quot;label&quot;:&quot;This is a button&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;email&quot;,&quot;label&quot;:&quot;Email field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;phoneNumber&quot;,&quot;label&quot;:&quot;Phone number field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;address&quot;,&quot;label&quot;:&quot;Address field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;datetime&quot;,&quot;label&quot;:&quot;Datetime field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;currency&quot;,&quot;label&quot;:&quot;Currency field&quot;,&quot;description&quot;:&quot;The description&quot;},{&quot;type&quot;:&quot;file&quot;,&quot;label&quot;:&quot;File field&quot;,&quot;description&quot;:&quot;The description&quot;,&quot;storage&quot;:&quot;base64&quot;}]}" 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>