Deze package bevat de Web components van het LUX Design System. Het bevat elk web component, maar elk component wordt ingeladen als het gebruikt wordt.
Om Lux in je Stencil-project te gebruiken doe je het volgende:
npm install --save-dev --save-exact @lux-design-system/web-component-library-stencil
yarn add install --dev --exact @lux-design-system/web-component-library-stencil
pnpm add --save-dev --save-exact @lux-design-system/web-component-library-stencil
In een/het app.ts
-bestand voeg je het volgende toe:
import { defineCustomElements as defineLuxCustomElements } from "@lux-design-system/web-component-library-stencil";
export default function () {
defineLuxCustomElements();
}
Daarna zijn de LUX Webcomponenten direct te gebruiken, bijvoorbeeld:
<lux-login-link agent="digid" />
Voor de correcte styling voeg je de CSS uit het Design-tokens-package toe aan je project.