Installing Clarity in an Angular application

Let’s start creating our issue-tracking system by scaffolding a new Angular application:

ng new issue-tracker --defaults

We use the ng new command of the Angular CLI to create a new Angular application with the following characteristics:

• issue-tracker: The name of the Angular application.
• --defaults: This disables Angular routing for the application and sets the stylesheet format to CSS.

We now need to install the Clarity library in our Angular application:

1. Navigate to the issue-tracker folder that was created and run the following command to install it:

   npm install @cds/core @clr/angular @clr/ui --save
   

2. Open the angular.json file and add the Clarity CSS styles in the styles array:

   "styles": [
     "node_modules/@clr/ui/clr-ui.min.css",
     "src/styles.css"
   ]
   

3. Finally, import ClarityModule and BrowserAnimationsModule in...