You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
40
40
41
41
```js
42
42
module.exports = {
@@ -109,7 +109,7 @@ If you choose **Tailwind** theme, follow these steps to configure it.
109
109
6. **OPTIONAL**: If you wish to use our font icons prepared for**Tailwind**, you can include the following CDN link:
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
170
170
171
171
### Steps to explore and copy block code snippets from the online demo
172
172
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 selectthe**Sign In** block. This will direct you to the appropriate demo page.
174
174
175
175

176
176
@@ -214,11 +214,11 @@ Once the necessary packages are added, run the `npm install` command via the ter
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 forthe simple sign-in block into your app as outlinedin the previous topic.
218
218
219
219
## Steps to download and add assets to the app
220
220
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.
Copy file name to clipboardExpand all lines: ej2-react/ui-kit/getting-started.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -64,4 +64,4 @@ By adding the license key, you ensure seamless browsing and usage of the blocks,
64
64
65
65
## Get Started by Viewing the Online Demo
66
66
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