v28.1.33 is released

Author: pipeline

README.md

@@ -19,7 +19,7 @@ npm install
 2. Start the development server using gulp
 
 ```bash
-npm run serve
+gulp serve
 ```
 
 3. Open your web browser and navigate to the specified localhost address to view the samples.

index.html

@@ -17,6 +17,7 @@
     <!-- End Google Tag Manager -->
     <meta charset="UTF-8" />
     <meta name="description" content="Explore and learn Syncfusion React UI components library using large collection of feature-wise examples for each components.">
+    <meta http-equiv="X-Frame-Options" content="SAMEORIGIN">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="referrer" content="never"/>
     <title>Demos, Examples of Syncfusion React UI Components</title>
@@ -97,7 +98,7 @@
                 </div>
                 <div class='sb-header-item sb-table-cell'>
                     <div id='sb-header-text' class='e-sb-header-text'>
-                        <span class='sb-header-text-left'>Essential Studio for</span>
+                        <span class='sb-header-text-left'>Essential Studio<sup>®</sup> for</span>
                         <span class='sb-header-text-right' role="button" tabindex="0">React</span>
                     </div>
                 </div>
@@ -226,24 +227,28 @@
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Fluent 2</span>
                     </li>
-                    <li class="e-list" id="tailwind">
+                    <li class="e-list" id="tailwind3">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Tailwind CSS</span>
                     </li>
                     <li class="e-list" id="fluent2-highcontrast">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Fluent 2 High Contrast</span>
                     </li>
-                    <li class="e-list" id="highcontrast">
+                    <li class="e-list sb-hide" id="highcontrast">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">High Contrast</span>
                     </li>
-                    <li class="e-list" id="fluent">
+                    <li class="e-list sb-hide" id="tailwind">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Tailwind</span>
+                    </li>
+                    <li class="e-list sb-hide" id="fluent">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Fluent</span>
                     </li>
-                    <div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=fluent2" aria-label="Go to Theme Studio">Go to Theme Studio</a></div>
                 </ul>
+                <div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=fluent2" aria-label="Go to Theme Studio">Go to Theme Studio</a></div>
             </div>
             <div id='settings-popup' class='sb-setting-popup'>
                 <div class='sb-setting-header'>
@@ -261,9 +266,10 @@
                                 <option value="material3">Material 3</option> 
                                 <option value="bootstrap5">Bootstrap 5</option>
                                 <option value="fluent2">Fluent 2</option>
-                                <option value="tailwind">Tailwind CSS</option>     
+                                <option value="tailwind3">Tailwind CSS</option>     
                                 <option value="fluent2-highcontrast">Fluent 2 High Contrast</option>                               
                                 <option value="highcontrast">High Contrast</option>
+                                <option value="tailwind">Tailwind</option>
                                 <option value="fluent">Fluent</option>
                             </select>
                         </div>
@@ -357,7 +363,7 @@ <h1 class='sb-sample-text' role="heading" aria-level="1"></h1>
                             <div class="row">
                                 <div class="col-sm-12">
                                     <div class="col-sm-12">
-                                        <div id="banner-head" class="banner-header">Transform your React web apps today with Syncfusion React components</div>
+                                        <div id="banner-head" class="banner-header">Transform your React web apps today with Syncfusion<sup>®</sup> React components</div>
                                     </div>
                                     <div class="col-sm-12 cnt-area">
                                         <div class="content-area">