menu

Getting Started

Step 0: Before You Go

content_copy

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

content_copy

Goponents is an open source project and can easily be installed through NPM.

Install goponents:

npm install @tangoe/goponents

Step 2: Setup

content_copy

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/*"