Cobalt allows developers to use web-components in Angular.
npm install @cobalt-design-system/angular-components
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>