Compound-design-system NPM

Welcome to Compound

The Phoenix Group design system is called Compound and its purpose is to facilitate efficient and more consistent practices. It will work on any JS platform like Angular, React or Vue.js

Getting started

Follow below steps to use compound design system

Installation

Start by installing the library.

npm i compound-design-system

Angular

Once you've installed the library, add below snippet to angular.json

"assets": [
    "src/favicon.ico",
    "src/assets",
        {
        "glob": "**/*",
        "input": "./node_modules/compound-design-system/assets",
        "output": "./assets/"
        }
],
"styles": [
    "src/styles.scss",
    "./node_modules/compound-design-system/co-style.css",
],
"script: [
    "./node_modules/compound-design-system/compound.min.js",
]"

This snippet will help in loading assets and styles from compound design system library.