TypeScript icon, indicating that this package has built-in type declarations

0.7.1 • Public • Published


Netlify Status

Semantic form generator and processor for ontology-based smart forms. Besides this core library, there exists also library of advanced components.

Live Demo

Checkout live demo using storybook.

Supported features

  • Validation
  • Question comments
  • Navigation to the selected question
  • Emphasizing selected questions


  • Input/Textarea
  • Tree Typeahead
  • Datetime picker
  • Select
  • Checkbox
  • Numeric input

Representation in JSON-LD

Semantic form is a structure that holds a form (set of questions) and 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.


Debugging forms and components with StorybookJS

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 localhost: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.

Testing forms with the toolbar

With the Storybook toolbar, it is possible to test a set of predefined global variables. The toolbar supports the following features:

  • Icon behavior: Set the behavior for the icons
  • Locale: Set the internationalization locale
  • Debug mode: Show irrelevant questions
  • Navbar position: Set the navigation bar to horizontal/vertical position
  • Timeout: Set time-out for possible values (in ms)
  • Print form specification: Print the form specification in the console
  • Validate form: Triggers the form validation

NPM release workflow

NPM packages are created automatically for each commit to this repository, see npm release workflow guide.

Package Sidebar


npm i @kbss-cvut/s-forms

Weekly Downloads






Unpacked Size

1.47 MB

Total Files


Last publish


  • la_chope
  • blcham