@ulb-darmstadt/shacl-form 2.0.0-rc2 → 2.0.0-rc4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -11
- package/dist/bundle.d.ts +3 -0
- package/dist/bundle.js +832 -88
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -13,8 +13,8 @@ HTML5 web component for editing/viewing [RDF](https://www.w3.org/RDF/) data that
|
|
|
13
13
|
```html
|
|
14
14
|
<html>
|
|
15
15
|
<head>
|
|
16
|
-
<!-- load web component -->
|
|
17
|
-
<script src="https://cdn.jsdelivr.net/npm/@ulb-darmstadt/shacl-form/dist/
|
|
16
|
+
<!-- load bundled web component (or when delevloping your own app, just do "npm i @ulb-darmstadt/shacl-form") -->
|
|
17
|
+
<script src="https://cdn.jsdelivr.net/npm/@ulb-darmstadt/shacl-form/dist/bundle.js" type="module"></script>
|
|
18
18
|
</head>
|
|
19
19
|
<body>
|
|
20
20
|
<!--
|
|
@@ -281,12 +281,4 @@ Apart from grouped properties, all properties having an `sh:node` predicate and
|
|
|
281
281
|
|
|
282
282
|
### Theming
|
|
283
283
|
|
|
284
|
-
`<shacl-form>`
|
|
285
|
-
|
|
286
|
-
Theme | Import statement
|
|
287
|
-
--- | ---
|
|
288
|
-
[Default](./src/themes/default.ts) (slightly customized default browser styles) | `import '@ulb-darmstadt/shacl-form/form-default.js'`
|
|
289
|
-
[Bootstrap](./src/themes/bootstrap.ts) [alpha status] | `import '@ulb-darmstadt/shacl-form/form-bootstrap.js'`
|
|
290
|
-
[Material Design](./src/themes/material.ts) [alpha status] | `import '@ulb-darmstadt/shacl-form/form-material.js'`
|
|
291
|
-
|
|
292
|
-
Custom themes can be employed by extending class [Theme](./src/theme.ts), then calling function `setTheme()` on the `<shacl-form>` element.
|
|
284
|
+
`<shacl-form>` has a built-in abstraction layer for theming, i.e. the look and feel of the form elements. If you would like to employ a different theme like e.g. `bootstrap` or `material design`, then extend class [Theme](./src/theme.ts) and call function `setTheme()` on the `<shacl-form>` element.
|