@@ -64,6 +64,20 @@ Jump to **implementations**:
6464
6565---
6666
67+ <div align =" center " >
68+
69+ Jump to ** UI libraries** :
70+ — [ Shoelace] ( #ui-libraries )
71+ — [ Material] ( #ui-libraries )
72+ — [ Carbon] ( #ui-libraries )
73+ — [ Wired] ( #ui-libraries )
74+ — [ System] ( #ui-libraries )
75+ —
76+
77+ </div >
78+
79+ ---
80+
6781<details >
6882<summary align =" center " ><strong >Table of Contents</strong ></summary >
6983
@@ -97,6 +111,7 @@ Jump to **implementations**:
97111 - [Schema](#schema)
98112- [ Usage] ( #usage )
99113 - [Installation](#installation)
114+ - [UI Libraries](#ui-libraries)
100115 - [Implementation](#implementation)
101116 - [All examples](#all-examples)
102117 - [Pure HTML with CDN](#pure-html-with-cdn)
@@ -525,21 +540,43 @@ items:
525540### Installation
526541
527542` ` ` sh
528- npm i @jsfe/core
543+ npm i @jsfe/form
529544# or
530- pnpm i @jsfe/core
545+ pnpm i @jsfe/form
531546# or
532- yarn add @jsfe/core
547+ yarn add @jsfe/form
533548```
534549
535- ``` ts
536- import ' @jsfe/core' ;
550+ #### UI Libraries
551+
552+ See [ examples/src/pages/flavored.astro] ( https://github.com/json-schema-form-element/examples/blob/main/src/pages/flavored.astro )
553+
554+ Alternatively:
555+
556+ ```
557+ npm install @jsfe/shoelace
558+ npm install @jsfe/material
559+ npm install @jsfe/carbon
560+ npm install @jsfe/wired
561+ npm install @jsfe/system
537562```
538563
539- ``` ts
564+ ``` html
565+ <jsf-shoelace schema =" ..." uiSchema =" ..." data =" ..." ></jsf-shoelace >
566+ <jsf-material schema =" ..." uiSchema =" ..." data =" ..." ></jsf-material >
567+ <jsf-carbon schema =" ..." uiSchema =" ..." data =" ..." ></jsf-carbon >
568+ <jsf-wired schema =" ..." uiSchema =" ..." data =" ..." ></jsf-wired >
569+ <jsf-system schema =" ..." uiSchema =" ..." data =" ..." ></jsf-system >
570+ ```
571+
572+ <!-- ```ts
573+ import '@jsfe/form';
574+ ``` -->
575+
576+ <!-- ```ts
540577import '@shoelace-style/shoelace/dist/themes/light.css';
541578import '@shoelace-style/shoelace/dist/themes/dark.css';
542- ```
579+ ``` -->
543580
544581See also the [ CSS section] ( #CSS ) .
545582
@@ -760,7 +797,7 @@ With all external JS dependencies included, minus some CSS:
760797
761798| Package | Size |
762799| ---------- | --------------------------------------------------------------- |
763- | @jsfe/core | ![ ] ( https://deno.bundlejs.com/badge?q=@jsfe/core &treeshake=[*] ) |
800+ | @jsfe/form | ![ ] ( https://deno.bundlejs.com/badge?q=@jsfe/form &treeshake=[*] ) |
764801
765802Components are planned to be extracted in separate packages as soon as more UI library are added. E.g. ` @jsfe/shoelace ` , ` @jsfe/material ` …
766803
@@ -800,7 +837,7 @@ Actual **features flags** list:
800837- Drag and drop for array items, using native API.
801838- Autofocuses (for added array item, etc.)
802839- …
803- - Have an idea? [ Discussions are open] ( https://github.com/json-schema-form-element/core /discussions ) !
840+ - Have an idea? [ Discussions are open] ( https://github.com/json-schema-form-element/form /discussions ) !
804841
805842## Acknowledgements
806843
0 commit comments