PZH Style Library

Wiki

Voor documentatie en handleidingen, zie de HTML-component library wiki.

Input

- Design system van Provincie Zuid-Holland

Output

- Een webinterface die inzicht biedt in verschillende bouwblokken en de manier waarop deze kunnen worden toegepast.
- Componenten-SCSS gedeployed als private NPM-library, te vinden op @pzh-temporary/html-component-library.
- Utility classes voor typografie, marges, en padding.

Techstack

- Storybook 8
- Vue 3 (gebruikt als template engine)
- Vite
- SCSS

Vereisten

- Node.js: Versie 20.12.1

Installatie van Dependencies

Installeer alle benodigde dependencies:

``bash
npm install
`

Ontwikkelmodus

Start een Storybook-instantie in ontwikkelmodus:

`bash
npm run dev
`

Build

Maak een build van de Storybook-instantie voor publicatie:

`bash
npm run build
`

Publiceren naar NPM

Publiceer een nieuwe versie naar NPM en de utility classes naar het CDN:

1. Verhoog het 'version'-attribuut in package.json volgens de SemVer-standaard.
2. Controleer of je bent ingelogd bij NPM. Gebruik npm login indien nodig.
3. Publiceer de nieuwe versie met:

`bash
npm publish
`

Stijlbibliotheek naar CDN

`bash
npm run deployToCDN
``