Demos
The same three pages in every framework. They are the pages the browser tests drive, so what you see here is what is tested on every change.
Plain JavaScript
One call to mountViewer, no framework.
- Workshop sign-up — sections, conditions, validation, a response
- Survey — a wizard that skips the steps that do not apply
- Customer record — a business sheet: statusbar, stat buttons, tabs, lines, links
React
FieldiaForm, with a custom field and a slot written as React components.
- Workshop sign-up — sections, conditions, validation, a response
- Survey — a wizard that skips the steps that do not apply
- Customer record — a business sheet: statusbar, stat buttons, tabs, lines, links
Vue
FieldiaForm, with a custom field and a slot as Vue components.
- Workshop sign-up — sections, conditions, validation, a response
- Survey — a wizard that skips the steps that do not apply
- Customer record — a business sheet: statusbar, stat buttons, tabs, lines, links
Angular
fieldia-form, with a custom field and a slot as Angular components.
- Workshop sign-up — sections, conditions, validation, a response
- Survey — a wizard that skips the steps that do not apply
- Customer record — a business sheet: statusbar, stat buttons, tabs, lines, links
A script tag
No build step: the page loads fieldia.js and calls Fieldia.mountViewer.
Add &dir=rtl or &locale=ar to any demo's address to see it right to left.