Semantic form generator and processor for ontology-based smart forms. Beside this core library, there exists also library of advanced components.
Checkout live demo using storybook.
- Input/Textarea
- Typeahead
- Datetime picker
- Select
- Checkbox
- Numeric input
Semantic form is structure that holds a form (set of questions) as well as its data (set of answers). A conceptual model of Semantic forms is questions/answers model. The conceptual model is described in RDF language. This library processes and generates Semantic forms using JSON-LD format which is JSON compatible serialization of the RDF language.
Building SForms library can be done using npm run build:lib.
Storybook is an open source tool for building UI components and pages in isolation. Rendering of a form or a specific component can be tested through a story provided in ./src/stories/. The application can be started by executing npm script through npm run dev and then accessing loaclhost:6006 from a browser. It renders the forms provided by the file ./src/stories/assets/. See ./src/stories/SForms/SForms.stories.tsx for more details.