Brussels - Design System

Brussels - Design System contains the code you need to start building a user interface for government platforms and services.

See live examples of Brussels - Design System components, and guidance on when to use them in your service, in the Brussels - Design System Storybook.

How to install

Install with npm

Installing Brussels - Design System using node package manager

npm i brussels-design-system

Importing styles

You need to import the Brussels - Design System styles into the main Sass file in your project. You should place the below code before your own Sass rules (or Sass imports) if you want to override Brussels - Design System with your own styles.

To import add the below to your Sass file:

@import "node_modules/brussels-design-system/public/css-bundle.min.css";