https://github.com/formio/uswds
JavaScript Powered Forms for the United States Web Design System
https://github.com/formio/uswds
Last synced: about 1 year ago
JSON representation
JavaScript Powered Forms for the United States Web Design System
- Host: GitHub
- URL: https://github.com/formio/uswds
- Owner: formio
- License: osl-3.0
- Created: 2019-10-22T17:04:44.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-05-28T15:31:54.000Z (about 1 year ago)
- Last Synced: 2025-06-18T09:51:10.657Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://formio.github.io/uswds
- Size: 80 MB
- Stars: 12
- Watchers: 14
- Forks: 11
- Open Issues: 5
-
Metadata Files:
- Readme: Readme.md
- Changelog: Changelog.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Form.io United States Web Design System Templates
This repository will change the rendering of forms in formio.js so that it uses html and classes compatible with the [United States Web Design System](https://designsystem.digital.gov/) framework.
## Usage
```javascript
import uswds from '@formio/uswds';
import { Formio } from '@formio/js';
Formio.use(uswds);
```
Or if you would like to embed directly within your website, you can use the following.
```html
Formio.use(uswds);
Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example');
```
You can try out this by going to the following JSFiddle - https://jsfiddle.net/travistidwell/yrwp9m24/1/
## Form Builder
In addition to being a Form Renderer, you can also use this library to embed the Form.io Form Builder within your own application using the following.
```html
Formio.use(uswds);
Formio.builder(document.getElementById('builder'));
```
## Example Application
For an example of how this platform works, please see the following application.
[https://formio.github.io/uswds](https://formio.github.io/uswds)