Angular

Cobalt allows developers to use web-components in Angular.

Install

npm install @cobalt-design-system/angular-components

Usage

Note: All the Cobalt components are using Design Tokens so it is recommended to import them all in the project as global styles using the method of your choice. They are located in @cobalt-design-system/angular-components/dist/tokens/index.css.

To use @cobalt-design-system/angular-components in an angular app the ComponentLibraryModule should be imported in the app.module.ts as below:

import { ComponentLibraryModule } from '@cobalt-design-system/angular-components'

@NgModule({
  ... // other declarations
  imports: [
    ... // other imports
    ComponentLibraryModule
  ]
})
export class AppModule { }

Any Cobalt component added in the html application will automatically load.

<cobalt-button label="Label"></cobalt-button>