Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @clr/angular with all npm packages installed. Try it out:

require("@angular/common/package.json"); // @angular/common is a peer dependency. require("@angular/compiler/package.json"); // @angular/compiler is a peer dependency. require("@angular/core/package.json"); // @angular/core is a peer dependency. require("@angular/forms/package.json"); // @angular/forms is a peer dependency. require("@angular/platform-browser/package.json"); // @angular/platform-browser is a peer dependency. require("@angular/platform-browser-dynamic/package.json"); // @angular/platform-browser-dynamic is a peer dependency. require("@clr/ui/package.json"); // @clr/ui is a peer dependency. var angular = require("@clr/angular")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@clr/angular v2.1.1

Angular components for Clarity

Installing Clarity Angular

  1. Install Clarity Icons package through npm:

    npm install @clr/icons
  2. Install Clarity UI package through npm:

    npm install @clr/ui
  3. Install the clarity-angular package through npm:

    npm install @clr/angular
  4. 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 {    }


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free