diff --git a/ej2-react/ui-kit/build-your-first-react-app-with-blocks.md b/ej2-react/ui-kit/build-your-first-react-app-with-blocks.md index db76f65fc..19532bd21 100644 --- a/ej2-react/ui-kit/build-your-first-react-app-with-blocks.md +++ b/ej2-react/ui-kit/build-your-first-react-app-with-blocks.md @@ -13,8 +13,8 @@ domainurl: ##DomainURL## ## Create a new React app A **Next.js** app is used for this example. To create a new app, refer to the official setup guide [here](https://nextjs.org/docs/app/getting-started/installation). This tutorial then walks through the step-by-step process of adding a simple sign-in block to the newly created app, named **my-app**. -> When prompted with the question **"Would you like to use Tailwind CSS?"** during **Next.js** app setup, select **No** to avoid automatically integrating **Tailwind CSS** into your app. - +> * When prompted with the question **"Would you like to use Tailwind CSS?"** during **Next.js** app setup, select **No** to avoid automatically integrating **Tailwind CSS** into your app. +> * When prompted with the question **"Would you like your code inside a `src/` directory?"** during **Next.js** app setup, select **Yes** to maintain consistency with the following steps.  ## Setting up Tailwind or Bootstrap 5.3 theme in the app @@ -31,7 +31,7 @@ If you choose **Tailwind** theme, follow these steps to configure it. ```bash npm install -D tailwindcss@3 postcss autoprefixer - npx tailwindcss init + npx tailwindcss init -p ```  @@ -228,4 +228,4 @@ Now that everything is set up in **my-app** — including the TSX (HTML and TS), To view the app in your browser, simply **Ctrl + Click** (or **Cmd + Click** on macOS) on the localhost URL displayed in the terminal. This will open the app in your default browser, allowing you to view and experience the simple sign-in block. - \ No newline at end of file + diff --git a/ej2-react/ui-kit/overview.md b/ej2-react/ui-kit/overview.md index f38e6727d..578db21e8 100644 --- a/ej2-react/ui-kit/overview.md +++ b/ej2-react/ui-kit/overview.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Overview: Essential UI Kit for React -The Essential UI Kit for React comprises over 120 responsive, ready-to-use, easy-to-implement, and customizable blocks designed to help you quickly build web applications. These blocks are developed using HTML, CSS, TypeScript, and Syncfusion React components, delivering robust functionality and ease of use. They are compatible with both Tailwind and Bootstrap 5.3 CSS frameworks, supporting light and dark modes to offer flexibility and seamless integration across different user preferences. The UI kit includes blocks for the following categories: +The Essential UI Kit for React comprises over 160 responsive, ready-to-use, easy-to-implement, and customizable blocks designed to help you quickly build web applications. These blocks are developed using HTML, CSS, TypeScript, and Syncfusion React components, delivering robust functionality and ease of use. They are compatible with both Tailwind and Bootstrap 5.3 CSS frameworks, supporting light and dark modes to offer flexibility and seamless integration across different user preferences. The UI kit includes blocks for the following categories:
Layouts |
|