Ga naar hoofdinhoud
Beeldmerk gemeente Nijmegen
    Logo gemeente Nijmegen

    Alle packages

    Overzicht van alle unieke unpkg.com stylesheets en scripts die worden gebruikt in de templates van deze repository. Gebruik dit als referentie bij het opzetten van een nieuwe pagina of het controleren van dependencies. Verwijder de regels die u niet nodig heeft voor uw specifieke template.

    Gecombineerd codeblok

    Voeg de onderstaande tags toe aan de <head> van uw template en verwijder de packages die u niet gebruikt. Gebruik deze opzet nooit in productie omgevingen maar alleen als referentie of in een ontwikkelomgeving. Kies in productie omgevingen altijd alleen de packages die u daadwerkelijk gebruikt en host deze zelf of via een betrouwbare CDN. Wij bevelen aan om de packages via npm te installeren en te bundelen met een tool als webpack, rollup of vite. 

    <!-- body and spacing -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/page-body-css@0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/rich-text-css@0/dist/index.css" />

<!-- globaal -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/document-css@1.5.0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@gemeentenijmegen/design-tokens@latest/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@gemeentenijmegen/font@latest/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@gemeentenijmegen/layout-css@latest/dist/layout.min.css" />
<link rel="stylesheet" href="https://unpkg.com/@gemeentenijmegen/components-css@latest/dist/index.min.css" />

<!-- header -->
<script src="https://unpkg.com/@gemeentenijmegen/web-components/dist/nijmegen-header.js" defer></script>
<script src="https://unpkg.com/@gemeentenijmegen/web-components/dist/nijmegen-mobile-menu.js" defer></script>
<script src="https://unpkg.com/@gemeentenijmegen/web-components/dist/nijmegen-toolbar-button.js" defer></script>

<!-- zoeken -->
<script src="https://unpkg.com/@gemeentenijmegen/web-components/dist/nijmegen-search.js" defer></script>

<!-- semantic (WYSIWYG) html -->
<link rel="stylesheet" href="https://unpkg.com/@gemeentenijmegen/semantic-html@latest/dist/index.css" />

<!-- button -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/button-css@1.4.0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/button-group-css@1.4.0/dist/index.css" />

<!-- accordion -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/accordion-css@3.0.1/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/icon-css@3.0.1/dist/index.css" />
<script src="https://unpkg.com/@gemeentenijmegen/web-components/dist/nijmegen-accordion.js" defer></script>

<!-- headings -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/heading-1-css@1.5.0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/heading-2-css@1.5.0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/heading-3-css@1.5.0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/heading-4-css@1.5.0/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/heading-5-css@1.5.0/dist/index.css" />

<!-- pre-heading -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/pre-heading-css@2.0.1/dist/index.css" />

<!-- paragraph en links -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/paragraph-css@2.3.1/dist/index.min.css" />
<link rel="stylesheet" href="https://unpkg.com/@utrecht/link-css@2.0.1/dist/index.min.css" />

<!-- unordered list -->
<link rel="stylesheet" href="https://unpkg.com/@utrecht/unordered-list-css@2.0.1/dist/index.css" />

    Overzicht per template

    Een vinkje geeft aan dat het package in die template aanwezig is.

    Package 404 accordion adressen artikel cat-gemeenteraad cat-wmo contact home index nieuws persona product zoekresultaten
    CSS: @utrecht/page-body-css@0 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/rich-text-css@0 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/document-css@1.5.0 ✓✓✓ ✓✓✓ ✓✓✓ ✓✓✓ ✓
    CSS: @gemeentenijmegen/design-tokens@latest ✓✓✓ ✓✓✓ ✓✓✓ ✓✓✓ ✓
    CSS: @gemeentenijmegen/font@latest ✓✓✓ ✓✓✓ ✓✓✓ ✓✓✓ ✓
    CSS: @gemeentenijmegen/layout-css@latest ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @gemeentenijmegen/components-css@latest ✓✓✓ ✓✓✓ ✓✓✓ ✓✓✓ ✓
    CSS: @gemeentenijmegen/semantic-html@latest ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/button-css@1.4.0 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/button-group-css@1.4.0 ✓✓ ✓ ✓✓✓
    CSS: @utrecht/accordion-css@3.0.1 ✓
    CSS: @utrecht/icon-css@3.0.1 ✓
    CSS: @utrecht/heading-1-css@1.5.0 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/heading-2-css@1.5.0 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/heading-3-css@1.5.0 ✓ ✓ ✓
    CSS: @utrecht/heading-4-css@1.5.0 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/heading-5-css@1.5.0 ✓✓ ✓✓ ✓ ✓ ✓
    CSS: @utrecht/pre-heading-css@2.0.1 ✓ ✓ ✓✓
    CSS: @utrecht/paragraph-css@2.3.1 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/link-css@2.0.1 ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    CSS: @utrecht/unordered-list-css@2.0.1 ✓
    @gemeentenijmegen/web-components/dist/nijmegen-header.js ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    @gemeentenijmegen/web-components/dist/nijmegen-mobile-menu.js ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    @gemeentenijmegen/web-components/dist/nijmegen-toolbar-button.js ✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
    @gemeentenijmegen/web-components/dist/nijmegen-search.js ✓ ✓
    @gemeentenijmegen/web-components/dist/nijmegen-accordion.js ✓

    Laatst bijgewerkt: 18 maart 2026