@lux-design-system/web-components-stencil
v1.1.0
Published
Stencil web components bundle from LUX, the Design System for Logius, based on the NL Design System architecture
Downloads
76
Readme
Web Components
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.
Installeren
Om Lux in je Stencil-project te gebruiken doe je het volgende:
NPM
npm install --save-dev --save-exact @lux-design-system/web-component-library-stencil
Yarn
yarn add install --dev --exact @lux-design-system/web-component-library-stencil
PNPM
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.