diff --git a/.browserslistrc b/.browserslistrc
index 1e79afb..b9ebd7e 100644
--- a/.browserslistrc
+++ b/.browserslistrc
@@ -8,9 +8,9 @@
# You can see what browsers were selected by your queries by running:
# npx browserslist
-Chrome >=60
-ChromeAndroid >=60
-Firefox >=63
+Chrome >=79
+ChromeAndroid >=79
+Firefox >=70
Edge >=79
-Safari >=13
-iOS >=13
+Safari >=14
+iOS >=14
diff --git a/README.md b/README.md
index 9a10cd1..0ae4f39 100644
--- a/README.md
+++ b/README.md
@@ -7,30 +7,28 @@ This document helps you to create a simple Angular application with the `Ionic F
* [System requirements for Syncfusion Angular UI components](https://ej2.syncfusion.com/angular/documentation/system-requirement)
* ionic CLI - `^6.x.x` or later
-N> If the `ionic CLI` is not installed, refer to the [`Getting Started with ionic`](https://ionicframework.com/getting-started/#cli) document to install it.
-
## Create an Application
-Create a new project with the following command using the command prompt.
+To create a new project using the command prompt, use the following command:
```bash
-npm install -g ionic
+npm i -g @ionic/cli
```
-Once your development environment is set up, you can start by creating a new project using the Ionic CLI. To do this, run the following command in your command prompt,
+>Here, we are using Node.js version 16 and Ionic version 7.0.0 to support Angular 16.
+
+Once your development environment is set up, users can start by creating a new project using the Ionic CLI. To do this, run the following command in your command prompt,
```bash
-ionic start ej2-ionic blank --type=angular
+ionic start syncfusion-angular-ionic blank --type=angular
```
-This command will create a new Ionic template application in a folder called "ej2-ionic" and will also install the default npm packages needed for the application.
+This command will create a new Ionic template application in a folder called "syncfusion-angular-ionic" and will also install the default npm packages needed for the application.
-N> Refer to this [getting started](https://ionicframework.com/getting-started/#cli) document to install ionic framework.
+>Refer to this [getting started](https://ionicframework.com/getting-started/#cli) document to install ionic framework.
## Installing Syncfusion Grid package
-Syncfusion packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular syncfusion package from [npm]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ).
-
-Add the `@syncfusion/ej2-angular-grids` package to the application.
+Add the Syncfusion angular packages to the application which needs to be run. For example, we have add the Syncfusion Angular Grid package to the application.
```bash
npm i @syncfusion/ej2-angular-grids --save
@@ -40,7 +38,7 @@ npm i @syncfusion/ej2-angular-grids --save
After installing the package, the component modules are available to configure your application from Syncfusion installed package.
-Refer to the following code snippet to import the Grid module in `app/src/home/home.module.ts` from the `@syncfusion/ej2-angular-grids`.
+Refer to the following code snippet to import the Grid module in `~/src/app/home/home.module.ts` from the `@syncfusion/ej2-angular-grids`.
```typescript
import { NgModule } from '@angular/core';
@@ -48,7 +46,7 @@ import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';
import { FormsModule } from '@angular/forms';
import { HomePage } from './home.page';
-import { GridAllModule } from '@syncfusion/ej2-angular-grids';
+import { GridModule } from '@syncfusion/ej2-angular-grids';
import { HomePageRoutingModule } from './home-routing.module';
@@ -59,34 +57,40 @@ import { HomePageRoutingModule } from './home-routing.module';
FormsModule,
IonicModule,
HomePageRoutingModule,
- GridAllModule
+ GridModule
],
declarations: [HomePage]
})
export class HomePageModule {}
+
```
## Adding Syncfusion component
-After importing the package, you can start using the Syncfusion UI components. In this example, we're adding a button component to the `src/home/home.page.ts` file.
+After importing the package, add the following grid component code snippet in the `~/src/app/home/home.page.ts` file.
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-home',
- template: `
-
-
-
-
-
-
-`
+ template: `
+