MMM Designsystem

Das @mmm/designsystem bündelt wiederverwendbare Angular-Komponenten, Styles, Themes und Icons für MMM-Projekte. Diese Dokumentation ist der zentrale Einstieg für Nutzung, Integration und Weiterentwicklung.

Getting Started

Bevor du das Paket verwendest, muss die interne Registry https://npm.dev.appcenter.de für den Scope @mmm eingerichtet werden. Die genaue Registry-Konfiguration, die Installation des Pakets und die wichtigsten Projektbefehle sind auf der Seite Grundlagen beschrieben.

pnpm add @mmm/designsystem

Wenn du das Designsystem in einem anderen Projekt einbindest, müssen zusätzlich die globalen Styling- und Theme-Dateien eingebunden werden, damit CSS-Variablen, Basis-Styles und Tokens korrekt verfügbar sind.

@use "@mmm/designsystem/styling";
@use "@mmm/designsystem/themes/bvr";

Für Icons muss außerdem der Icon-Provider in Angular registriert werden. Die Einbindung ist unter Icons verwenden beschrieben.

Auf der Seite Grundlagen findest du außerdem die Grundlagen für lokale Entwicklung, Builds und Veröffentlichung.

Grundlagen Registry einrichten, Paket installieren und Projektgrundlagen verstehen.

Icons Verfügbare Icons durchsuchen und Snippets direkt übernehmen.

Komponenten Komponenten, API und Beispiele im Detail nachschlagen.