Web Components using Core Branding 6.x.x. Npm repo: https://www.npmjs.com/package/@a-ui/web-components.
npm ci
npm startnpm install @a-ui/web-componentsScroll down for a list with all available components.
To integrate these web components in your framework of choice, please follow the steps explained here.
Use polyfills for older browers and browsers that not support web components. To make our web components work in these browsers, you need to include the following scripts before you load your web component:
<script src="//polyfill.io/v3/polyfill.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.4/webcomponents-bundle.js"></script>Take a look at the component documentation below to learn how to use each component.
This library contains the following components:
| Name | Documentation |
|---|---|
| aui-cookie-consent | Documentation |
| aui-cookie-content-blocker | Documentation |
Use one of our brandings to adhere to the styling guidelines:
// Antwerp core branding
<link rel="stylesheet" href="https://cdn.antwerpen.be/core_branding_scss/6.6.4/main.min.css">
If needed, you can add a branding-compatible [flexbox grid layout system](https://github.com/a-ui/core_flexboxgrid_scss):
```html
<link rel="stylesheet" href="https://cdn.antwerpen.be/core_flexboxgrid_scss/3.0.0/flexboxgrid.min.css">For other styling-related things, like e.g. favicons, check out GitHub.
Detailed changes for each release are documented in the changelog.
Please read our contribution guide.
- Jasper Van Proeyen (jasper.vanproeyen@digipolis.be)
- Jeroen Collier (jeroen.collier@antwerpen.be)