https://github.com/six-group/six-webcomponents

Ready to use Web Components in alignment with the SIX Corporate Styleguide
https://github.com/six-group/six-webcomponents

stenciljs webcomponents

Last synced: 2 months ago
JSON representation

Ready to use Web Components in alignment with the SIX Corporate Styleguide

• Host: GitHub
• URL: https://github.com/six-group/six-webcomponents
• Owner: six-group
• License: apache-2.0
• Created: 2022-11-02T15:15:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-29T13:20:50.000Z (9 months ago)
• Last Synced: 2024-05-09T09:51:22.668Z (9 months ago)
• Topics: stenciljs, webcomponents
• Language: SCSS
• Homepage: https://six-group.github.io/six-webcomponents/
• Size: 39.5 MB
• Stars: 15
• Watchers: 6
• Forks: 7
• Open Issues: 29
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/contributing.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-stencil - SIX UI Library - Ready to use Web Components in alignment with the SIX Corporate Styleguide. (Design Systems / Community)

README

        
# SIX UI Library

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](https://six-group.github.io/six-webcomponents/).

Please find the changelog for the webcomponents [here](docs/changelog.md).

## Links

- [Documentation](https://six-group.github.io/six-webcomponents/)

## Issues

Please make sure to respect issue requirements when opening an issue. Issues not conforming to the guidelines may be closed immediately.

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/six-group/six-webcomponents/blob/main/.github/contributing.md) before making a pull request.

Thank you to all the people who already contributed to the Six-Webcomponents!



## Examples

There are example apps for Angular, Plain Javascript and Vue. You can find them in the `examples` directory.

## Structure

| 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      |

| `docs`                         | API documentation built with VitePress                                   |

## Credits

Credit where credit is due. The SIX webcomponents started as clone of the [shoelace project](https://shoelace.style/) 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](libraries/ui-library/third-party-licenses).