https://github.com/danielbeeke/shacl-form

A TypeScript form builder that uses SHACL shapes as definition
https://github.com/danielbeeke/shacl-form

dash form shacl

Last synced: 11 days ago
JSON representation

A TypeScript form builder that uses SHACL shapes as definition

• Host: GitHub
• URL: https://github.com/danielbeeke/shacl-form
• Owner: danielbeeke
• License: mit
• Created: 2023-04-01T13:33:06.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-05T14:08:27.000Z (about 2 years ago)
• Last Synced: 2025-03-18T00:38:51.727Z (9 months ago)
• Topics: dash, form, shacl
• Language: TypeScript
• Homepage: https://shacl-form.mediaworks.global/
• Size: 13.9 MB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-semantic-shapes - shacl-form - commit/danielbeeke/shacl-form" align="top"> - A custom element SHACL form generator library; [docs](https://shacl-form.mediaworks.global/); `MIT` license; `Typescript`. (Declarative UIs)

README

          
# SHACL Form

SHACL form is a frontend library that shows forms from a SHACL shape.

It uses customElements, also for the widgets, this will enable a third party developer to bring their own widgets that might be made with any other technology as long as it is exported as a customElement.

## Progress

This library is in development

## Screenshot

![Screenshot of SHACL-form](/demo/shacl-form.png)

## Usage

HTML attributes on the customElement:

- __subject__   - Useful when creating data. It will set the subject to this uri. It is possible to rename the subject when using the form.

- __shacl-url__ - The place where the SHACL turtle is stored, it should allow CORS.

- __shape-uri__ - Set this attribute if you have multiple shapes in your shape turtle file and do not want to use the first shape.

```html

```