compound-design-system v0.0.35

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

Add below snippet to angular.json

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

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

React

Use any bundler. Here we used Webpack bundler to compile JavaScript modules. Add below snippet to webpack.config.js

Coming soon...

Vue

Coming soon...