PPV Makelaar Design System

Design system with design tokens, mixins, and utility classes.

Wat is dit?

Dit is een documentatie omgeving die de design componenten weergeeft met hun technische implementatie.

Hoe te gebruiken?

De library kan op twee manieren worden gebruikt:

1. CSS Utility Classes (via CDN)

example.html
<link rel="stylesheet" href="https://your-cdn.com/css/utility-classes.css">

2. SCSS Variables & Mixins (via NPM)

example.bash
npm install @ftp/style-library
example.scss
@use "@ftp/style-library/scss/variables/colors" as *;
@use "@ftp/style-library/scss/mixins/typography" as *;

.my-heading {
  @include typography("heading", "xl");
  color: $color-primary-600;
}