Skip to content

Commit 4ae9db3

Browse files
authored
Merge pull request #626 from syncfusion-content/EJ2-924430-Hotfix-new
924430: Updating links in the UG for the UI Kit topic for the React
2 parents 157f5d1 + 9817c0e commit 4ae9db3

File tree

2 files changed

+7
-7
lines changed

2 files changed

+7
-7
lines changed

ej2-react/ui-kit/build-your-first-react-app-with-blocks.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ If you choose **Tailwind** theme, follow these steps to configure it.
3636

3737
![Tailwind Installation](images/tailwind-installation.PNG)
3838

39-
2. In the **tailwind.config.js** file, add the following code to `content`, `darkMode`, and `theme` configurations. When creating the **Next.js** app, if the option **"Would you like your code inside a `src/` directory?"** was set to **Yes**, all the app-related files will be placed inside the **src** folder. Therefore, the `content` configuration should reflect this. If this option was not selected, the `content` configuration will need to be adjusted accordingly. To learn more about this, refer to this [link](https://tailwindcss.com/docs/guides/nextjs).
39+
2. In the **tailwind.config.js** file, add the following code to `content`, `darkMode`, and `theme` configurations. When creating the **Next.js** app, if the option **"Would you like your code inside a `src/` directory?"** was set to **Yes**, all the app-related files will be placed inside the **src** folder. Therefore, the `content` configuration should reflect this. If this option was not selected, the `content` configuration will need to be adjusted accordingly.
4040

4141
```js
4242
module.exports = {
@@ -109,7 +109,7 @@ If you choose **Tailwind** theme, follow these steps to configure it.
109109
6. **OPTIONAL**: If you wish to use our font icons prepared for **Tailwind**, you can include the following CDN link:
110110

111111
```css
112-
@import url('https://cdn.syncfusion.com/ej2/angular/ui-kit/font-icons/tailwind-icons.css');
112+
@import url('https://cdn.syncfusion.com/ej2/react/ui-kit/font-icons/tailwind-icons.css');
113113
```
114114

115115
Now that the **Tailwind** theme is configured for either light or dark mode of your choice, the app is ready for the next set of processes.
@@ -155,7 +155,7 @@ If you choose **Bootstrap 5.3** theme, follow these steps to configure it.
155155
4. **OPTIONAL**: If you wish to use our font icons prepared for **Bootstrap 5.3**, you can include the following CDN link:
156156

157157
```html
158-
<link href="https://cdn.syncfusion.com/ej2/angular/ui-kit/font-icons/bootstrap5.3-icons.css" rel="stylesheet" />
158+
<link href="https://cdn.syncfusion.com/ej2/react/ui-kit/font-icons/bootstrap5.3-icons.css" rel="stylesheet" />
159159
```
160160

161161
You can refer to the consolidated screenshot below for more details.
@@ -170,7 +170,7 @@ Now that **my-app** is set up with the desired theme configuration, the next ste
170170

171171
### Steps to explore and copy block code snippets from the online demo
172172

173-
1. In the [online demo](https://ej2.syncfusion.com/angular/essential-ui-kit/#/blocks), navigate to the **Authentication** category and select the **Sign In** block. This will direct you to the appropriate demo page.
173+
1. In the [online demo](https://ej2.syncfusion.com/react/essential-ui-kit/blocks), navigate to the **Authentication** category and select the **Sign In** block. This will direct you to the appropriate demo page.
174174

175175
![Navigate to the sign-in block demo](images/navigate-to-the-sign-in-block-demo.png)
176176

@@ -214,11 +214,11 @@ Once the necessary packages are added, run the `npm install` command via the ter
214214
215215
![Install Syncfusion component packages](images/install-syncfusion-component-packages.png)
216216
217-
Finally, again check the [online demo](https://ej2.syncfusion.com/angular/essential-ui-kit/#/blocks) or the [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-angular) and copy the required HTML, TS, and CSS code for the simple sign-in block into your app as outlined in the previous topic.
217+
Finally, again check the [online demo](https://ej2.syncfusion.com/react/essential-ui-kit/blocks) or the [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-react) and copy the required HTML, TS, and CSS code for the simple sign-in block into your app as outlined in the previous topic.
218218
219219
## Steps to download and add assets to the app
220220
221-
If you want to view and experience the images used in our design, you can download the **assets** folder from the following [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-angular/tree/master/ui-blocks/src), place it inside the **public** folder of **my-app**, and modify the image URLs in the HTML if necessary.
221+
If you want to view and experience the images used in our design, you can download the **assets** folder from the following [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-react/tree/master/ui-blocks/public), place it inside the **public** folder of **my-app**, and modify the image URLs in the HTML if necessary.
222222
223223
## Steps to run the app
224224

ej2-react/ui-kit/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,4 +64,4 @@ By adding the license key, you ensure seamless browsing and usage of the blocks,
6464

6565
## Get Started by Viewing the Online Demo
6666

67-
If you prefer a quick demo instead of downloading the app, you can explore the blocks directly through the online demo. Simply visit the official [Essential UI Kit for React](https://ej2.syncfusion.com/angular/essential-ui-kit/#/blocks) website to interact with the blocks.
67+
If you prefer a quick demo instead of downloading the app, you can explore the blocks directly through the online demo. Simply visit the official [Essential UI Kit for React](https://ej2.syncfusion.com/react/essential-ui-kit/blocks) website to interact with the blocks.

0 commit comments

Comments
 (0)