syncfusion-content · kmkrish001 · Jan 23, 2025 · Jan 22, 2025 · Jan 22, 2025 · Jan 22, 2025
diff --git a/ej2-asp-core-mvc/chips/EJ2_ASP.MVC/getting-started.md b/ej2-asp-core-mvc/chips/EJ2_ASP.MVC/getting-started.md
@@ -8,9 +8,9 @@ publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Getting Started with ASP.NET MVC Chip Control
+# Getting Started with ASP.NET MVC Chips Control
 
-This section briefly explains about how to include [ASP.NET MVC Chip](https://www.syncfusion.com/aspnet-mvc-ui-controls/chips) control in your ASP.NET MVC application using Visual Studio.
+This section briefly explains about how to include [ASP.NET MVC Chips](https://www.syncfusion.com/aspnet-mvc-ui-controls/chips) control in your ASP.NET MVC application using Visual Studio.
 
 ## Prerequisites
 
@@ -38,7 +38,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC controls are ava
 
 ## Add namespace
 
-Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder.
+Add **Syncfusion.EJ2** namespace reference in `Web.config` under **Views** folder.
 
 ```
 <namespaces>
@@ -48,7 +48,7 @@ Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder.
 
 ## Add stylesheet and script resources
 
-Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages/Shared/_Layout.cshtml` file as follows,
+Here, the theme and script is referred using CDN inside the `<head>` of **~/Pages/Shared/_Layout.cshtml** file as follows,
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -68,7 +68,7 @@ N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetmvc/documentatio
 
 ## Register Syncfusion<sup style="font-size:70%">&reg;</sup> script manager
 
-Also, register the script manager `EJS().ScriptManager()` at the end of `<body>` in the `~/Pages/Shared/_Layout.cshtml` file as follows.
+Also, register the script manager `EJS().ScriptManager()` at the end of `<body>` in the **~/Pages/Shared/_Layout.cshtml** file as follows.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -82,9 +82,9 @@ Also, register the script manager `EJS().ScriptManager()` at the end of `<body>`
 {% endhighlight %}
 {% endtabs %}
 
-## Add ASP.NET MVC Chip control
+## Add ASP.NET MVC Chips control
 
-Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chip control in `~/Home/Index.cshtml` page.
+Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chips control in **~/Home/Index.cshtml** page.
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
@@ -94,8 +94,8 @@ Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chip c
 {% endhighlight %}
 {% endtabs %}
 
-Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to run the app. Then, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chip control will be rendered in the default web browser.
+Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to run the app. Then, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chips control will be rendered in the default web browser.
 
-![ASP.NET MVC Chip Control](images/chip.png)
+![ASP.NET MVC Chips Control](images/chip.png)
 
 N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-MVC-Getting-Started-Examples/tree/main/Chip/ASP.NET%20MVC%20Razor%20Examples).
diff --git a/ej2-asp-core-mvc/chips/EJ2_ASP.NETCORE/getting-started.md b/ej2-asp-core-mvc/chips/EJ2_ASP.NETCORE/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting Started with ##Platform_Name## Chips Control
+title: Getting Started with ##Platform_Name## Chips Control | Syncfusion
 description: Checkout and learn about getting started with ##Platform_Name## Chips control of Syncfusion Essential JS 2 and more details.
 platform: ej2-asp-core-mvc
 control: Getting Started
@@ -37,7 +37,8 @@ Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
 N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls are available in [nuget.org.](https://www.nuget.org/packages?q=syncfusion.EJ2) Refer to [NuGet packages topic](https://ej2.syncfusion.com/aspnetcore/documentation/nuget-packages) to learn more about installing NuGet packages in various OS environments. The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies, [Newtonsoft.Json](https://www.nuget.org/packages/Newtonsoft.Json/) for JSON serialization and [Syncfusion.Licensing](https://www.nuget.org/packages/Syncfusion.Licensing/) for validating Syncfusion<sup style="font-size:70%">&reg;</sup> license key.
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
-Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelper.
+
+Open **~/Pages/_ViewImports.cshtml** file and import the `Syncfusion.EJ2` TagHelper.
 
 {% tabs %}
 {% highlight C# tabtitle="~/_ViewImports.cshtml" %}
@@ -49,7 +50,7 @@ Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelpe
 
 ## Add stylesheet and script resources
 
-Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages/Shared/_Layout.cshtml` file as follows,
+Here, the theme and script are referred to using CDN inside the `<head>` of **~/Pages/Shared/_Layout.cshtml** file as follows,
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -71,7 +72,7 @@ N> Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/
 
 ## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Script Manager
 
-Also, register the script manager `<ejs-script>` at the end of `<body>` in the ASP.NET Core application as follows.
+Also, register the script manager `<ejs-scripts>` at the end of `<body>` in the ASP.NET Core application as follows.
 
 {% tabs %}
 {% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -87,7 +88,7 @@ Also, register the script manager `<ejs-script>` at the end of `<body>` in the A
 
 ## Add ASP.NET Core Chips control
 
-Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Chips tag helper in `~/Pages/Index.cshtml` page.
+Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Chips tag helper in **~/Pages/Index.cshtml** page.
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}

diff --git a/ej2-asp-core-mvc/chips/accessibility.md b/ej2-asp-core-mvc/chips/accessibility.md
@@ -12,12 +12,12 @@ documentation: ug
 
 ## Keyboard interaction
 
-The following shortcut keys are used to access the Chip control without any interruption.
+The following shortcut keys are used to access the Chips control without interruption.
 
 | Keyboard shortcuts | Actions |
 |------------|-------------------|
-| <kbd>Enter</kbd> | Selects the targeted chip from the ChipList/ChipCollection. |
-| <kbd>Delete</kbd> | Deletes the targeted chip from the ChipList/ChipCollection. |
+| <kbd>Enter</kbd> | Selects the targeted Chips from the ChipList/ChipCollection. |
+| <kbd>Delete</kbd> | Deletes the targeted Chips from the ChipList/ChipCollection. |
 
 {% if page.publishingplatform == "aspnet-core" %}
 

diff --git a/ej2-asp-core-mvc/chips/customization.md b/ej2-asp-core-mvc/chips/customization.md
@@ -8,23 +8,23 @@ publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Chip Customization in Chip Control
+# Chips Customization in Chips Control
 
-This section explains the customization of styles, leading icons, avatar, and trailing icons in Chip control.
+This section explains the customization of styles, leading icons, avatars, and trailing icons in the Chips control.
 
 ## Styles
 
-The Chip control has the following predefined styles that can be defined using the `cssClass` property.
+{% if page.publishingplatform == "aspnet-core" %}
+
+The Chips control has the following predefined styles that can be defined using the [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_CssClass) property.
 
 | Class | Description |
 | -------- | -------- |
-| e-primary | Represents a primary chip. |
-| e-success | Represents a positive chip. |
-| e-info |  Represents an informative chip. |
-| e-warning | Represents a chip with caution. |
-| e-danger | Represents a negative chip. |
-
-{% if page.publishingplatform == "aspnet-core" %}
+| e-primary | Represents a primary Chips. |
+| e-success | Represents a positive Chips. |
+| e-info |  Represents an informative Chips. |
+| e-warning | Represents a Chips with caution. |
+| e-danger | Represents a negative Chips. |
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
@@ -34,6 +34,16 @@ The Chip control has the following predefined styles that can be defined using t
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+The Chips control has the following predefined styles that can be defined using the [`cssClass`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.ChipList.html#Syncfusion_EJ2_Buttons_ChipList_CssClass) property.
+
+| Class | Description |
+| -------- | -------- |
+| e-primary | Represents a primary Chips. |
+| e-success | Represents a positive Chips. |
+| e-info |  Represents an informative Chips. |
+| e-warning | Represents a Chips with caution. |
+| e-danger | Represents a negative Chips. |
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/chips/styles/razor %}
@@ -44,14 +54,14 @@ The Chip control has the following predefined styles that can be defined using t
 {% endtabs %}
 {% endif %}
 
-
+![ASP.NET Styles Chips Control](images/styles.png)
 
 ## Leading Icon
 
-You can add and customize the leading icon of chip using the `leadingIconCss` property.
-
 {% if page.publishingplatform == "aspnet-core" %}
 
+You can add and customize the leading icon of Chips using the [`leadingIconCss`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_LeadingIconCss) property.
+
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/chips/leadingIcon/tagHelper %}
@@ -60,6 +70,8 @@ You can add and customize the leading icon of chip using the `leadingIconCss` pr
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+You can add and customize the leading icon of Chips using the [`leadingIconCss`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.ChipList.html#Syncfusion_EJ2_Buttons_ChipList_LeadingIconCss) property.
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/chips/leadingIcon/razor %}
@@ -70,14 +82,14 @@ You can add and customize the leading icon of chip using the `leadingIconCss` pr
 {% endtabs %}
 {% endif %}
 
-
+![ASP.NET Leading Icon Chips Control](images/leading-icon.png)
 
 ## Avatar
 
-You can add and customize the avatar of chip using the `avatarIconCss` property.
-
 {% if page.publishingplatform == "aspnet-core" %}
 
+You can add and customize the avatar of Chips using the [`avatarIconCss`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_AvatarIconCss) property.
+
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/chips/avatar/tagHelper %}
@@ -86,6 +98,8 @@ You can add and customize the avatar of chip using the `avatarIconCss` property.
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+You can add and customize the avatar of Chips using the [`avatarIconCss`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.ChipList.html#Syncfusion_EJ2_Buttons_ChipList_AvatarIconCss) property.
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/chips/avatar/razor %}
@@ -96,14 +110,14 @@ You can add and customize the avatar of chip using the `avatarIconCss` property.
 {% endtabs %}
 {% endif %}
 
-
+![ASP.NET Avatar Chips Control](images/avatar.png)
 
 ## Avatar Content
 
-You can add and customize the avatar content of chip using the `avatarText` property.
-
 {% if page.publishingplatform == "aspnet-core" %}
 
+You can add and customize the avatar content of Chips using the [`avatarText`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_AvatarText) property.
+
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/chips/avatarText/tagHelper %}
@@ -112,6 +126,8 @@ You can add and customize the avatar content of chip using the `avatarText` prop
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+You can add and customize the avatar content of Chips using the [`avatarText`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.ChipList.html#Syncfusion_EJ2_Buttons_ChipList_AvatarText) property.
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/chips/avatarText/razor %}
@@ -122,14 +138,14 @@ You can add and customize the avatar content of chip using the `avatarText` prop
 {% endtabs %}
 {% endif %}
 
-
+![ASP.NET Avatar content Chips Control](images/avatar-content.png)
 
 ## Trailing Icon
 
-You can add and customize the trailing icon of chip using the `trailingIconCss` property.
-
 {% if page.publishingplatform == "aspnet-core" %}
 
+You can add and customize the trailing icon of Chips using the [`trailingIconCss`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_TrailingIconCss) property.
+
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/chips/trailing/tagHelper %}
@@ -138,6 +154,8 @@ You can add and customize the trailing icon of chip using the `trailingIconCss`
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+You can add and customize the trailing icon of Chips using the [`trailingIconCss`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.ChipList.html#Syncfusion_EJ2_Buttons_ChipList_TrailingIconCss) property.
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/chips/trailing/razor %}
@@ -150,12 +168,12 @@ You can add and customize the trailing icon of chip using the `trailingIconCss`
 
 
 
-## Outline Chip
-
-Outline chip has the border with the background transparent. It can be set using the `cssClass` property.
+## Outline Chips
 
 {% if page.publishingplatform == "aspnet-core" %}
 
+Outline Chips have a border with a transparent background. It can be set using the [`cssClass`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_CssClass) property.
+
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/chips/outline/tagHelper %}
@@ -164,6 +182,8 @@ Outline chip has the border with the background transparent. It can be set using
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
+Outline Chips have a border with a transparent background. It can be set using the [`cssClass`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Buttons.ChipList.html#Syncfusion_EJ2_Buttons_ChipList_CssClass) property.
+
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/chips/outline/razor %}
@@ -174,11 +194,13 @@ Outline chip has the border with the background transparent. It can be set using
 {% endtabs %}
 {% endif %}
 
+![ASP.NET Outline Chips Control](images/outline-chip.png)
+
 ## Template
 
 {% if page.publishingplatform == "aspnet-core" %}
 
-The [`Template`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_Template) property of the Chips control allows users to fully customize the layout and design of each chip. By using the `Template` property, users can include custom HTML elements, such as links, icons, or additional content.
+The [`Template`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_Template) property of the Chips control allows users to fully customize the layout and design of each Chips. By using the `Template` property, users can include custom HTML elements such as links, icons, or additional content.
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}
@@ -188,7 +210,7 @@ The [`Template`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.bu
 
 {% elsif page.publishingplatform == "aspnet-mvc" %}
 
-The [`Template`](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_Template) property of the Chips control allows users to fully customize the layout and design of each chip. By using the `Template` property, users can include custom HTML elements, such as links, icons, or additional content.
+The [`Template`](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.buttons.chiplist.html#Syncfusion_EJ2_Buttons_ChipList_Template) property of the Chips control allows users to fully customize the layout and design of each Chips. By using the `Template` property, users can include custom HTML elements such as links, icons, or additional content.
 
 {% tabs %}
 {% highlight razor tabtitle="CSHTML" %}
@@ -200,5 +222,6 @@ The [`Template`](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.but
 {% endtabs %}
 {% endif %}
 
+![ASP.NET template Chips Control](images/template.png)
 
 N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-Core-UG-Examples/tree/main/Chips/ChipsSample).
diff --git a/ej2-asp-core-mvc/chips/images/action-chip.png b/ej2-asp-core-mvc/chips/images/action-chip.png
diff --git a/ej2-asp-core-mvc/chips/images/avatar-content.png b/ej2-asp-core-mvc/chips/images/avatar-content.png
diff --git a/ej2-asp-core-mvc/chips/images/avatar.png b/ej2-asp-core-mvc/chips/images/avatar.png
diff --git a/ej2-asp-core-mvc/chips/images/choice-chip.png b/ej2-asp-core-mvc/chips/images/choice-chip.png
diff --git a/ej2-asp-core-mvc/chips/images/deletable-chip.png b/ej2-asp-core-mvc/chips/images/deletable-chip.png
diff --git a/ej2-asp-core-mvc/chips/images/filter-chip.png b/ej2-asp-core-mvc/chips/images/filter-chip.png
diff --git a/ej2-asp-core-mvc/chips/images/input-chip.png b/ej2-asp-core-mvc/chips/images/input-chip.png
diff --git a/ej2-asp-core-mvc/chips/images/leading-icon.png b/ej2-asp-core-mvc/chips/images/leading-icon.png
diff --git a/ej2-asp-core-mvc/chips/images/outline-chip.png b/ej2-asp-core-mvc/chips/images/outline-chip.png
diff --git a/ej2-asp-core-mvc/chips/images/styles.png b/ej2-asp-core-mvc/chips/images/styles.png
diff --git a/ej2-asp-core-mvc/chips/images/template.png b/ej2-asp-core-mvc/chips/images/template.png
diff --git a/ej2-asp-core-mvc/chips/overview.md b/ej2-asp-core-mvc/chips/overview.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Overview in ##Platform_Name## Chips Component
-description: Learn here all about Overview in Syncfusion ##Platform_Name## Chips component of Syncfusion Essential JS 2 and more.
+title: Overview in ##Platform_Name## Chips Control | Syncfusion
+description: Learn here all about Overview in Syncfusion ##Platform_Name## Chips control of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: Index
 publishingplatform: ##Platform_Name##
@@ -10,4 +10,4 @@ documentation: ug
 
 # Overview
 
-The chip is a small block of essential information that triggers an event on click action. It contains the text, image, or both and mostly used in contacts, mails, or filter tags.
+The Chips is a small block of essential information that triggers an event on click action. It contains the text, image, or both and mostly used in contacts, mails, or filter tags.