Angular components for Clarity


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
6,267143Jul 27, 2021Sep 29, 2016Minified + gzip package size for @clr/angular in KB


Installing Clarity Angular

The easiest way is to use the Angular CLI to automatically install Angular into your project

ng add @clr/angular

Then it should be setup automatically

Manual Installation

If you are unable to use the automatic method above, follow these steps.

  1. Install Clarity packages through npm:

    npm install @clr/icons @clr/ui @clr/angular
  2. Import the ClarityModule into your Angular application's module. Your application's main module might look like this:

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { ClarityModule } from '@clr/angular';
    import { AppComponent } from './app.component';
        imports: [
         declarations: [ AppComponent ],
         bootstrap: [ AppComponent ]
    export class AppModule {    }

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.