From 09b334ab021e2dc9290f88c2b2391529b922c9da Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Tue, 9 Jul 2024 16:36:45 +0300 Subject: [PATCH 1/4] 185658-Ej2-React-Appearance --- ej2-react/appearance/icons.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-react/appearance/icons.md b/ej2-react/appearance/icons.md index 7eece9458..553f0991b 100644 --- a/ej2-react/appearance/icons.md +++ b/ej2-react/appearance/icons.md @@ -71,7 +71,7 @@ cd my-app npm start ``` -For an introduction and configuration of the common specifications, see [getting started with the Syncfusion React application](https://ej2.syncfusion.com/react/documentation/getting-started/quick-start/). +For an introduction and configuration of the common specifications, see [getting started with the Syncfusion React application](https://ej2.syncfusion.com/react/documentation/getting-started/quick-start). ### Using icons directly in HTML element From d701a2239288a1ec54ef0911f8d09382826f7d0b Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Tue, 9 Jul 2024 17:03:13 +0300 Subject: [PATCH 2/4] Ci issue resolved --- ej2-react/appearance/icons.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-react/appearance/icons.md b/ej2-react/appearance/icons.md index 553f0991b..5fb32cca3 100644 --- a/ej2-react/appearance/icons.md +++ b/ej2-react/appearance/icons.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# React Icons Library +# React Icons Library Appearance component Syncfusion's icon library is a collection of pre-designed icons that can be used to enhance the user interface of an application. This pre-designed icons are set of `base64` formatted font icons. Utilizing this icon library can make it simpler to create a cohesive, visually pleasing design for an application. From cb57764981015f62b32ab7199cd732431dac333f Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Tue, 9 Jul 2024 17:18:24 +0300 Subject: [PATCH 3/4] Ci issue resolved --- ej2-react/appearance/icons.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-react/appearance/icons.md b/ej2-react/appearance/icons.md index 5fb32cca3..159fa191a 100644 --- a/ej2-react/appearance/icons.md +++ b/ej2-react/appearance/icons.md @@ -152,7 +152,7 @@ The pre-defined icon size is present in the available classes listed below. The Syncfusion React icons can be customized with custom color and size by overriding the `e-icons` class. Customizing the icons in the library can be useful for making the icons more visually appealing and fitting to the design of the application. For example, a user can change the color of an icon to match the color scheme of their application, or increase the size of an icon to make it more visible on smaller screens. It may also be useful for creating a consistent look and feel across different parts of the application. Overall, customizing the icons in the library can improve the overall user experience of the application. -In the example below, the icon colour is customized with custom color. +In the example below, the icon color is customized with custom color. {% tabs %} {% highlight js tabtitle="index.jsx" %} From 33062e6fdb1d75ee7c2ffdad2f2d7b2e1df1f7c0 Mon Sep 17 00:00:00 2001 From: Mahesh Palanisamy <22393667+maheshtps@users.noreply.github.com> Date: Wed, 10 Jul 2024 17:52:18 +0530 Subject: [PATCH 4/4] Update icons.md --- ej2-react/appearance/icons.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-react/appearance/icons.md b/ej2-react/appearance/icons.md index 159fa191a..52dcdb67d 100644 --- a/ej2-react/appearance/icons.md +++ b/ej2-react/appearance/icons.md @@ -119,7 +119,7 @@ The following steps explain the direct rendering of the Syncfusion icon in the H ### Icon size -The `ej2-icons` package offers options to display icons in different size modes. A user can use different icon sizes in their application based on touch or mouse mode. If the user is using touch mode, add `e-large` class to the element to make the icon easily interactable, or add the `e-small` or `e-medium` class in mouse mode. +The `ej2-icons` package offers options to display icons in different size modes. A user can use different icon sizes in their application based on touch or mouse mode. If the user is using touch mode, add `e-large` class to the element to make more accessible for touch interactions, or add the `e-small` or `e-medium` class in mouse mode. The pre-defined icon size is present in the available classes listed below. * `e-small` - Sets the icon size as `8px`.