SIX UI Library is an open source project providing Web Components for SIX web applications. The library can however also be used for other projects (simply override the css variables).
Please find the deployed documentation listing all components here.
Please find the changelog for the webcomponents here.
| Project | Package | Version | Documentation |
|---|---|---|---|
| UI Library | @six-group/ui-library |
 |
README |
| React Output Target | @six-group/ui-library-react |
 |
README |
| Angular Output Target | @six-group/ui-library-angular |
 |
README |
| Vue Output Target | @six-group/ui-library-vue |
 |
README |
Please make sure to respect issue requirements when opening an issue. Issues not conforming to the guidelines may be closed immediately.
Please make sure to read the Contributing Guide before making a pull request.
Thank you to all the people who already contributed to the Six-Webcomponents!
There are example apps for Angular, Plain Javascript, Vue and React. You can find them in the examples directory.
| Module | Description |
|---|---|
libraries/ui-library |
Core UI component library build with Stencil |
libraries/ui-library-angular |
Angular wrappers and utilities |
libraries/ui-library-react |
React wrappers |
libraries/ui-library-vue |
Vue wrappers |
examples/angular |
Angular demo app showing some components and features of the ui-library |
examples/js |
Plain JS demo app showing some components and features the of ui-library |
examples/vue |
Vue demo app showing some components and features of the ui-library |
examples/react |
React demo app showing some components and features of the ui-library |
examples/nuxt |
Nuxt demo app showing some components and features of the ui-library |
docs |
API documentation built with VitePress |
Credit where credit is due. The SIX webcomponents started as clone of the shoelace project and were inspired by the baloise design-system. Some parts of six-datepicker were copied from the bal-datepicker. The third party licenses are listed here.