Getting Started
Step 0: Before You Go
To utlize the design system modules we assume:
- You have Node installed
- You have Angular installed
- You're ulitizing SCSS
The current iteration of our design system is made up of a single node module:
@tangoe/goponents (npmjs / GitHub)
This package contains all of the custom Angular Components, Services, and styles outlined in this Style Guide.
Step 1: Installation
Goponents is an open source project and can easily be installed through NPM.
Install goponents:
npm install @tangoe/goponents
Step 2: Setup
Components
For components, the setup will depend upon which one you need to implement. To find that information, check each components' documenation for instructions. Typically it involves importing the specific module for each component you use.
DO NOT import every component into every module. ONLY import what is needed for each module.
Styles
To utlize all of the benefits our styles have to offer, in the root styles.scss
of the project import:
@import "~@tangoe/goponents/styles/styles"
Alternatively, partials can be imported individually. These can be found:
@import "~@tangoe/goponents/styles/*"