We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

installation with Angular

Can someone direct me to some step by step instructions for installing syncfusion with Angular ?

1 Reply

LD LeoLavanya Dhanaraj Syncfusion Team December 22, 2022 01:19 PM UTC

Hi James,

Greetings from Syncfusion support.

To install Syncfusion with Angular, follow these steps:

  1. Install the latest version of Node.js from the official website (https://nodejs.org/) if it is not already installed on your system.
  2. Install the Angular CLI by running the following command in the terminal:

npm install -g @angular/cli

  1. Create a new Angular project by running the following command in the terminal:

ng new my-project

  1. Navigate to the project directory by running the following command:

cd my-project

  1. Install Syncfusion packages by running the following command:

npm install @syncfusion/ej2-angular-inputs

  1. Add the Syncfusion styles to the styles array in the angular.json file:

"styles": [ node_modules/@syncfusion/ej2-angular-inputs/styles/material.css, "src/styles.css" ]

  1. Import the Syncfusion modules in the app.module.ts file:

import { SliderModule } from '@syncfusion/ej2-angular-inputs';


 { imports: [ SliderModule ], ... }


export class AppModule { }

  1. Use the Syncfusion component in your Angular component template:

<ejs-slider [(value)]='value'></ejs-slider>

Check out the below mentioned Syncfusion Documentation and Video links for further assistance.

Documentation : https://ej2.syncfusion.com/angular/documentation/getting-started/angular-cli/

Video link : https://www.youtube.com/watch?v=lk83TlHQ95c

Follow our suggested way in the documentation and let us know if you need any further assistance.


Leo Lavanya Dhanaraj

Live Chat Icon For mobile
Up arrow icon