Skip to content
Snippets Groups Projects
Select Git revision
  • main default
1 result
Patrick Kannekens's avatar
chore(cleanup): Cleanup
Patrick Kannekens authored 
- Remove storybook
- Change namepsace for NLDS - Rijkshuisstijl Twig directory
- Add logo
- Update packages
b5f8f7d7
History
Patrick Kannekens's avatar b5f8f7d7
History
Name Last commit Last update
components
src
.gitignore
.nvmrc
README.md
logo.svg
nlds_rijkshuisstijl.info.yml
nlds_rijkshuisstijl.libraries.yml
package.json
pnpm-lock.yaml
tsconfig.json
README.md

NLDS Rijkshuisstijl Base theme

This theme can be used as a base theme for your own implementation of the (new) Rijkshuisstijl. The base theme has its roots in NL Design System

The theme can optionally use Bootstrap 5.

The theme is created with Storybook

It uses Single Directory Components (in Drupal Core since 10.3) to create and theme its components.

Installation

  • Install nvm if not yet available.
  • Type nvm use in /themes/contrib/nlds_rijkshuisstijl (it'll use the version defined in .nvmrc). If you don't have the version specified, use nvm install [version_number] to install the required version. Run nvm use again afterwards.
  • Run pnpm install to install all dependencies.
  • Run npm run storybook to start Storybook.

Design tokens

The theme uses Design Tokens (usually defined in a Figma design) and a style dictionary to generate all the tokens.

How to create a child theme

Todo:

  • Check how to start Storybook with added settings from child theme.
  • Check how to incorporate child CSS (from design tokens) in main Storybook.
    • Add theme to preview.tsx in Storybook
    • Add CSS imports in preview.tsx