ej2-react-toc.html

<?xml version="1.0" encoding="utf-8"?>
<ul class="treeview">

<li><a href="/ej2-react/introduction">Introduction</a></li>
<li><a href="/ej2-react/system-requirement">System Requirements</a></li>
<li><a href="/ej2-react/browser">Browser Compatibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/">API Reference</a></li>
<li>
Getting Started
 <ul>
    <li><a href="/ej2-react/getting-started/quick-start">Quickstart</a></li>
    <li><a href="/ej2-react/getting-started/create-app">Using With Create React App</a></li>
    <li><a href="/ej2-react/getting-started/nextjs">NextJS</a></li>
    <li><a href="/ej2-react/getting-started/vite">Vite</a></li>
    <li><a href="/ej2-react/getting-started/webpack-externals">Webpack Externals</a></li>
    <li><a href="/ej2-react/getting-started/react-remix-app">Remix App</a></li>
    <li><a href="/ej2-react/getting-started/sharepoint">SharePoint</a></li>
    <li><a href="/ej2-react/getting-started/preact">Preact</a></li>
    <li><a href="/ej2-react/getting-started/gatsby">Gatsby</a></li>
 </ul>
</li>
<li>
AI Developer Tools
<ul>
  <li><a href="/ej2-react/ai-developer-tools/overview">Overview</a></li>
  <li><a href="/ej2-react/ai-developer-tools/mcp-server">MCP Server</a></li>
  <li><a href="/ej2-react/ai-developer-tools/copilot-extension">Copilot Extension</a></li>
</ul> 
</li>
<li>
Installation
<ul>
  <li><a href="/ej2-react/installation/installation">Installation with npm cli</a></li>
  <li><a href="/ej2-react/installation/npm-package">Npm Packages</a></li>
   <li>Web Installer
       <ul>
          <li><a href="/ej2-react/installation/web-installer/download">How to Download?</a></li>
          <li><a href="/ej2-react/installation/web-installer/installation-using-web-installer">How to Install?</a></li>
        </ul>
    </li>
    <li>Offline Installer
      <ul>
        <li><a href="/ej2-react/installation/offline-installer/download">How to Download?</a></li>
        <li><a href="/ej2-react/installation/offline-installer/installation-using-offline-installer">How to Install?</a></li>
      </ul>
    </li>
    <li>Mac Installer
       <ul>
          <li><a href="/ej2-react/installation/mac-installer/download">How to Download?</a></li>
          <li><a href="/ej2-react/installation/mac-installer/installation-using-mac-installer">How to Install?</a></li>
       </ul>
    </li>
	<li>Linux Installer
       <ul>
          <li><a href="/ej2-react/installation/linux-installer/download">How to Download?</a></li>
          <li><a href="/ej2-react/installation/linux-installer/installation-using-linux-installer">How to Install?</a></li>
       </ul>
    </li>
    <li><a href="/ej2-react/installation/common-installation-errors">Installation Errors</a></li>
  </ul>
</li>
<li>
Upgrade
  <ul>
    <li><a href="/ej2-react/upgrade/release-history">Release History</a></li>
    <li><a href="/ej2-react/upgrade/version-compatibility">Version Compatibility</a></li>
    <li><a href="/ej2-react/upgrade/upgrading-syncfusion">How to Upgrade syncfusion Installer?</a></li>
    <li><a href="/ej2-react/upgrade/update-npm-package">How to Update npm packages?</a></li>
  </ul>
</li> 
<li>
Licensing
  <ul>
   <li><a href="/ej2-react/licensing/overview">Overview</a></li>
    <li><a href="/ej2-react/licensing/license-key-generation">Generating License Keys</a></li>
    <li><a href="/ej2-react/licensing/license-key-registration">Registering License Keys</a></li>
    <li><a href="/ej2-react/licensing/licensing-errors">Licensing Errors</a></li>
    <li><a href="/ej2-react/licensing/licensing-troubleshoot">Licensing FAQ</a></li>
  </ul>
</li>
<li>
Appearance
  <ul>
    <li><a href="/ej2-react/appearance/theme">Built-in Themes</a></li>
    <li><a href="/ej2-react/appearance/size-modes">Size-Modes</a></li>
    <li><a href="/ej2-react/appearance/icons">Icons</a></li>
    <li><a href="/ej2-react/appearance/theme-studio">Theme Studio</a></li>
    <li><a href="/ej2-react/appearance/styled-component">Styled Component Support</a></li>
    <li><a href="/ej2-react/appearance/css-variables">CSS Variables</a></li>
    <li><a href="/ej2-react/appearance/figma">Figma UI Kits</a></li>
  </ul>
</li>
<li>
Common
  <ul>
    <li><a href="/ej2-react/common/rendering">Rendering Engine</a></li>
    <li><a href="/ej2-react/common/script-dependency">Script Dependency</a></li>
    <li><a href="/ej2-react/common/accessibility">Accessibility</a></li>
    <li><a href="/ej2-react/common/right-to-left">Right-To-Left</a></li>
    <li><a href="/ej2-react/common/animation">Animation</a></li>
    <li><a href="/ej2-react/common/drag-and-drop">Drag and Drop</a></li>
    <li><a href="/ej2-react/common/template">Template</a></li>
    <li><a href="/ej2-react/common/security">Security</a></li>
    <li>Globalization
       <ul>
         <li><a href="/ej2-react/common/globalization/overview">Overview</a></li>
         <li><a href="/ej2-react/common/globalization/internationalization">Internationalization</a></li>
         <li><a href="/ej2-react/common/globalization/localization">Localization</a></li>
       </ul>
    </li>
    <li><a href="/ej2-react/common/state-persistence">State Persistence</a></li>
    <li><a href="/ej2-react/common/material-UI">Material UI</a></li>
    <li><a href="/ej2-react/common/redux-form">Redux Form</a></li>
    <li>How To
      <ul>
        <li><a href="/ej2-react/common/how-to/csp-errors">Content Security Policy Errors</a></li>
      </ul>
    </li>
 </ul>
</li>
<li>
TroubleShoot
   <ul>
    <li><a href="/ej2-react/troubleshoot/content-security-policy">Content Security Policy</a></li>
   </ul>   
</li>
<li>
Visual Studio Code Integration
  <ul>
    <li><a href="/ej2-react/visual-studio-code-integration/overview">Overview</a></li>
    <li><a href="/ej2-react/visual-studio-code-integration/download-and-installation">Download and Installation</a></li>
    <li><a href="/ej2-react/visual-studio-code-integration/create-project">Create Project</a></li>
  </ul>
</li>
<li>
Visual Studio Integration
  <ul>
    <li><a href="/ej2-react/visual-studio-integration/overview">Overview</a></li>
 	<li><a href="/ej2-react/visual-studio-integration/download-and-installation">Download and Installation</a></li>
    <li><a href="/ej2-react/visual-studio-integration/create-project">Create Project</a></li>
    <li><a href="/ej2-react/visual-studio-integration/convert-project">Convert Project</a></li>
    <li><a href="/ej2-react/visual-studio-integration/upgrade-project">Upgrade Project</a></li>
   </ul>
</li>
<li>
UI Kit
<ul>
  <li><a href="/ej2-react/ui-kit/overview">Overview</a></li>
  <li><a href="/ej2-react/ui-kit/getting-started">Getting Started</a></li>
  <li><a href="/ej2-react/ui-kit/build-your-first-react-app-with-blocks">Build your first React app with our blocks</a></li>
</ul>
</li>  

<li>
    3D Chart
    <ul>
        <li><a href="/ej2-react/3d-chart/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/3d-chart/workig-with-data">Working with Data</a></li>
        <li><a href="/ej2-react/3d-chart/dimensions">Chart Dimensions</a></li>
        <li><a href="/ej2-react/3d-chart/category-axis">Category Axis</a></li>
        <li><a href="/ej2-react/3d-chart/numeric-axis">Numeric Axis</a></li>
        <li><a href="/ej2-react/3d-chart/datetime-axis">DateTime Axis</a></li>
        <li><a href="/ej2-react/3d-chart/logarithmic-axis">Logarithmic Axis</a></li>
        <li><a href="/ej2-react/3d-chart/axis-labels">Axis Labels</a></li>
        <li><a href="/ej2-react/3d-chart/axis-customization">Axis Customization</a></li>
        <li><a href="/ej2-react/3d-chart/multiple-pane">Multiple Panes</a></li>
        <li>Chart Types
            <ul>
                <li><a href="/ej2-react/3d-chart/Chart-types/column">Column</a></li>
                <li><a href="/ej2-react/3d-chart/Chart-types/stack-column">Stacked Column</a></li>
                <li><a href="/ej2-react/3d-chart/Chart-types/stacked-column">100% Stacked Column</a></li>
                <li><a href="/ej2-react/3d-chart/Chart-types/bar">Bar</a></li>
                <li><a href="/ej2-react/3d-chart/Chart-types/stack-bar">Stacked Bar</a></li>
                <li><a href="/ej2-react/3d-chart/Chart-types/stacked-bar">100% Stacked Bar</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/3d-chart/data-label">Data Labels</a></li>
        <li><a href="/ej2-react/3d-chart/legend">Legend</a></li>
        <li><a href="/ej2-react/3d-chart/tool-tip">Tooltip</a></li>
        <li><a href="/ej2-react/3d-chart/selection">Selection</a></li>
        <li><a href="/ej2-react/3d-chart/print-export">Print and Export</a></li>
        <li><a href="/ej2-react/3d-chart/appearance">Appearance</a></li>
        <li><a href="/ej2-react/3d-chart/accessibility">Accessibility</a></li>
    </ul>
</li><li>
Accordion
<ul>
<li><a href="/ej2-react/accordion/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/accordion/expand-mode">Expand Mode</a></li>
<li><a href="/ej2-react/accordion/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/accordion/style">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/accordion/how-to/set-the-nested-accordion">Set the nested Accordion</a></li>
<li><a href="/ej2-react/accordion/how-to/load-content-through-post">Load content through Ajax</a></li>
<li><a href="/ej2-react/accordion/how-to/set-custom-animation">Set custom animation</a></li>
<li><a href="/ej2-react/accordion/how-to/to-keep-single-pane-open-always">To keep single pane open always</a></li>
<li><a href="/ej2-react/accordion/how-to/create-wizard-using-accordion">Create wizard using Accordion</a></li>
<li><a href="/ej2-react/accordion/how-to/load-accordion-with-data-source">Load accordion with DataSource</a></li>
<li><a href="/ej2-react/accordion/how-to/load-accordion-items-dynamically">Load accordion items dynamically</a></li>
<li><a href="/ej2-react/accordion/how-to/customize-expand-collapse-actions">Customize Accordion expand or collapse animation behavior</a></li>
<li><a href="/ej2-react/accordion/how-to/render-other-components-in-accordion-using-template">Render other components in Accordion using template</a></li>
<li><a href="/ej2-react/accordion/how-to/react-hooks-accordion">React hooks accordion</a></li>
</ul>
</li>
<li><a href="/ej2-react/accordion/ej1-api-migration">Migration from Essential JS 1</a></li>
</ul>
</li><li>
Accumulation Chart
<ul>
<li><a href="/ej2-react/accumulation-chart/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/accumulation-chart/dynamic-data-update">Dynamic Data Update</a></li>
<li><a href="/ej2-react/accumulation-chart/pie-dough-nut">Pie and Doughnut</a></li>
<li><a href="/ej2-react/accumulation-chart/pyramid">Pyramid</a></li>
<li><a href="/ej2-react/accumulation-chart/funnel">Funnel</a></li>
<li><a href="/ej2-react/accumulation-chart/data-label">Data Label</a></li>
<li><a href="/ej2-react/accumulation-chart/grouping">Grouping</a></li>
<li><a href="/ej2-react/accumulation-chart/empty-points">Empty Points</a></li>
<li><a href="/ej2-react/accumulation-chart/annotation">Annotation</a></li>
<li><a href="/ej2-react/accumulation-chart/tool-tip">Tooltip</a></li>
<li><a href="/ej2-react/accumulation-chart/legend">Legend</a></li>
<li><a href="/ej2-react/accumulation-chart/centerlabel">Center Label</a></li>
<li><a href="/ej2-react/accumulation-chart/title-and-sub-title">Title and Subtitle</a></li>
<li><a href="/ej2-react/accumulation-chart/chart-print">Print and Export</a></li>
<li><a href="/ej2-react/accumulation-chart/appearance">Appearance</a></li>
<li><a href="/ej2-react/accumulation-chart/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/accumulation-chart/advanced-accessibility-configuration">Advanced Accessibility Configuration</a></li>
<li><a href="/ej2-react/accumulation-chart/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/chart/how-to/percentage-tool-tip">Pie Percentage</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/accumulation-chart">API Reference</a></li>
</ul>
</li><li>
    AI AssistView
    <ul>
        <li><a href="/ej2-react/ai-assistview/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/ai-assistview/assist-view">Assist view</a></li>
        <li>AI Integrations
            <ul>
                <li>
                    <a href="/ej2-react/ai-assistview/ai-integrations/gemini-integration">Integration with Google Gemini</a>
                </li>
                <li>
                    <a href="/ej2-react/ai-assistview/ai-integrations/openai-integration">Integration with Open AI</a>
                </li>
            </ul>
        </li>
        <li><a href="/ej2-react/ai-assistview/toolbar-items">Toolbar items</a></li>
        <li><a href="/ej2-react/ai-assistview/custom-view">Custom views</a></li>
        <li><a href="/ej2-react/ai-assistview/file-attachments">File attachments</a></li>
        <li><a href="/ej2-react/ai-assistview/templates">Templates</a></li>
        <li><a href="/ej2-react/ai-assistview/appearance">Appearance</a></li>
        <li><a href="/ej2-react/ai-assistview/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/ai-assistview/methods">Methods</a></li>
        <li><a href="/ej2-react/ai-assistview/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/ai-assistview/">API Reference</a></li>
    </ul>
</li><li>
Appbar
<ul>
<li><a href="/ej2-react/appbar/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/appbar/size-and-color">Size and Color</a></li>
<li><a href="/ej2-react/appbar/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/appbar/position">Position</a></li>
<li><a href="/ej2-react/appbar/design">Design</a></li>
<li><a href="/ej2-react/appbar/style-and-appearance">Style and Appearance</a></li>
</ul>
</li><li>
AutoComplete
<ul>
<li><a href="/ej2-react/auto-complete/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/auto-complete/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/auto-complete/value-binding">Value Binding</a></li>
<li><a href="/ej2-react/auto-complete/templates">Templates</a></li>
<li><a href="/ej2-react/auto-complete/virtual-scroll">Virtualization</a></li>
<li><a href="/ej2-react/auto-complete/grouping">Grouping</a></li>
<li><a href="/ej2-react/auto-complete/disabled-items">Disabled Items</a></li>
<li><a href="/ej2-react/auto-complete/filtering">Filtering</a></li>
<li><a href="/ej2-react/auto-complete/localization">Localization</a></li>
<li><a href="/ej2-react/auto-complete/style">Style and appearance</a></li>
<li><a href="/ej2-react/auto-complete/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/auto-complete/resize">Popup Resize</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/auto-complete/how-to/autofill">Autofill supported with AutoComplete</a></li>
<li><a href="/ej2-react/auto-complete/how-to/icon-support">Show the list items with icons</a></li>
<li><a href="/ej2-react/auto-complete/how-to/custom-search">Custom highlight search</a></li>
</ul>
</li>
<li><a href="/ej2-react/auto-complete/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/auto-complete/">API Reference</a></li>
</ul>
</li><li>
Avatar
<ul>
<li><a href="/ej2-react/avatar/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/avatar/types">Types</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/avatar/how-to/avatar-customization">Avatar customization</a></li>
<li><a href="/ej2-react/avatar/how-to/integrate-avatar-into-listview">Integrate Avatar into ListView</a></li>
<li><a href="/ej2-react/avatar/how-to/integrate-avatar-into-badge">Integrate Avatar into Badge</a></li>
</ul>
</li>
</ul>
</li><li>
Badge
<ul>
<li><a href="/ej2-react/badge/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/badge/types">Types</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/badge/how-to/badge-customization">Badge customization</a></li>
<li><a href="/ej2-react/badge/how-to/integrate-badge-into-listview">Integrate badge into Listview</a></li>
<li><a href="/ej2-react/badge/how-to/dynamic-badge-content">Dynamic badge content</a></li>
</ul>
</li>
</ul>
</li><li>
Barcode
<ul>
<li><a href="/ej2-react/barcode/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/barcode/barcodeGenerator">Barcode Generator</a></li>
<li><a href="/ej2-react/barcode/qrcodegenerator">QR Code generator</a></li>
<li><a href="/ej2-react/barcode/datamatrixgenerator">Data Matrix generator</a></li>
<li><a href="/ej2-react/barcode/export">Export</a></li>
</ul>
</li><li>
    Block Editor
    <ul>
        <li><a href="/ej2-react/block-editor/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/block-editor/built-in-blocks/built-in-blocks">Built-in Blocks</a>
        <ul>
        <li><a href="/ej2-react/block-editor/built-in-blocks/typography">Typography</a></li>
        <li><a href="/ej2-react/block-editor/built-in-blocks/list-types">List-Types</a></li>
        <li><a href="/ej2-react/block-editor/built-in-blocks/inline-content">Inline Content</a></li>
        <li><a href="/ej2-react/block-editor/built-in-blocks/embed">Embeds</a></li>
        <li><a href="/ej2-react/block-editor/built-in-blocks/code-block">Code Blocks</a></li>
        </ul>
        </li>
        <li><a href="/ej2-react/block-editor/editor-menus">Editor Menus</a></li>
        <li><a href="/ej2-react/block-editor/drag-drop">Drag and drop</a></li>
        <li><a href="/ej2-react/block-editor/paste-cleanup">Paste Cleanup</a></li>
        <li><a href="/ej2-react/block-editor/undo-redo">Undo and redo</a></li>
        <li><a href="/ej2-react/block-editor/globalization">Globalization</a></li>
        <li><a href="/ej2-react/block-editor/keyboard-shortcuts">Keyboard Shortcuts</a></li>
        <li><a href="/ej2-react/block-editor/appearance">Appearance</a></li>
        <li><a href="/ej2-react/block-editor/methods">Methods</a></li>
        <li><a href="/ej2-react/block-editor/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/blockeditor/">API Reference</a></li>
    </ul>
</li><li>
Breadcrumb
<ul>
<li><a href="/ej2-react/breadcrumb/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/breadcrumb/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/breadcrumb/icons">Icons</a></li>
<li><a href="/ej2-react/breadcrumb/navigation">Navigation</a></li>
<li><a href="/ej2-react/breadcrumb/template">Templates</a></li>
<li><a href="/ej2-react/breadcrumb/overflow-mode">Overflow mode in Breadcrumb</a></li>
<li><a href="/ej2-react/breadcrumb/accessibility">Accessibility</a></li>
</ul>
</li><li>
Bullet Chart
<ul>
<li><a href="/ej2-react/bullet-chart/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/bullet-chart/bullet-chart-dimensions">Dimensions</a></li>
<li><a href="/ej2-react/bullet-chart/axis-customization">Axis Customization</a></li>
<li><a href="/ej2-react/bullet-chart/data-binding">Working with Data</a></li>
<li><a href="/ej2-react/bullet-chart/ranges">Ranges</a></li>
<li><a href="/ej2-react/bullet-chart/value-bar">Actual Bar</a></li>
<li><a href="/ej2-react/bullet-chart/comparative-bar">Target Bar</a></li>
<li><a href="/ej2-react/bullet-chart/title">Title and Subtitle</a></li>
<li><a href="/ej2-react/bullet-chart/customization">Customization</a></li>
<li><a href="/ej2-react/bullet-chart/data-label">Data Labels</a></li>
<li><a href="/ej2-react/bullet-chart/tool-tip">Tooltip</a></li>
<li><a href="/ej2-react/bullet-chart/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/bullet-chart/">API Reference</a></li>
</ul>
</li><li>
ButtonGroup
<ul>
<li><a href="/ej2-react/button-group/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/button-group/types-and-styles">Types and Styles</a></li>
<li><a href="/ej2-react/button-group/selection-and-nesting">Selection and Nesting</a></li>
<li><a href="/ej2-react/button-group/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/button-group/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/button-group/how-to/create-buttongroup-with-icons">Create ButtonGroup with icons</a></li>
<li><a href="/ej2-react/button-group/how-to/create-buttongroup-with-rounded-corner">Create ButtonGroup with rounded corner</a></li>
<li><a href="/ej2-react/button-group/how-to/orientation">Orientation</a></li>
<li><a href="/ej2-react/button-group/how-to/disable">Disable</a></li>
<li><a href="/ej2-react/button-group/how-to/enable-ripple">Enable ripple</a></li>
<li><a href="/ej2-react/button-group/how-to/enable-rtl">Enable RTL</a></li>
<li><a href="/ej2-react/button-group/how-to/form-submit">Form submit</a></li>
<li><a href="/ej2-react/button-group/how-to/initialize-buttongroup-using-util-function">Initialize ButtonGroup using util function</a></li>
<li><a href="/ej2-react/button-group/how-to/show-buttongroup-selected-state-on-initial-render">Show ButtonGroup selected state on initial render</a></li>
</ul>
</li>
</ul>
</li><li>
Button
<ul>
<li><a href="/ej2-react/button/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/button/types-and-styles">Types and Styles</a></li>
<li><a href="/ej2-react/button/style-and-appearance">Styles and Appearances</a></li>
<li><a href="/ej2-react/button/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/button/how-to/add-link-to-a-button">Add link to a Button</a></li>
<li><a href="/ej2-react/button/how-to/create-a-block-button">Create a Block Button</a></li>
<li><a href="/ej2-react/button/how-to/customize-button-appearance">Customize Button Appearance</a></li>
<li><a href="/ej2-react/button/how-to/customize-input-and-anchor-elements">Customize input and anchor elements</a></li>
<li><a href="/ej2-react/button/how-to/repeat-button">Repeat Button</a></li>
<li><a href="/ej2-react/button/how-to/right-to-left">Right-To-Left</a></li>
<li><a href="/ej2-react/button/how-to/set-the-disabled-state">Set the disabled state</a></li>
<li><a href="/ej2-react/button/how-to/tooltip-for-button">Tooltip for Button</a></li>
</ul>
</li>
<li><a href="/ej2-react/button/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/button/">API Reference</a></li>
</ul>
</li><li>
Calendar
<ul>
<li><a href="/ej2-react/calendar/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/calendar/date-range">Date Range</a></li>
<li><a href="/ej2-react/calendar/globalization">Globalization</a></li>
<li><a href="/ej2-react/calendar/customization">Customization</a></li>
<li><a href="/ej2-react/calendar/multi-select">Multi Selection</a></li>
<li><a href="/ej2-react/calendar/calendar-views">Calendar Views</a></li>
<li><a href="/ej2-react/calendar/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/calendar/islamic-calendar">Islamic Calendar</a></li>
<li><a href="/ej2-react/calendar/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/calendar/how-to/set-clear-button-in-calendar">Set Clear Button</a></li>
<li><a href="/ej2-react/calendar/how-to/show-dates-of-other-months">Show Other Months</a></li>
<li><a href="/ej2-react/calendar/how-to/select-a-sequence-of-dates-in-calendar">Select Sequence of Dates</a></li>
<li><a href="/ej2-react/calendar/how-to/skip-a-month-in-calendar">Skip Months</a></li>
<li><a href="/ej2-react/calendar/how-to/render-the-calendar-with-week-numbers">Week Number</a></li>
<li><a href="/ej2-react/calendar/how-to/change-the-first-day-of-week">First Day of Week</a></li>
<li><a href="/ej2-react/calendar/how-to/customize-the-calendar-day-header">Customize the Day Header</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/calendar/">API Reference</a></li>
</ul>
</li><li>
Card
<ul>
<li><a href="/ej2-react/card/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/card/header-content">Header and Content</a></li>
<li><a href="/ej2-react/card/card-image">Card Image</a></li>
<li><a href="/ej2-react/card/action-buttons">Action Buttons</a></li>
<li><a href="/ej2-react/card/horizontal">Horizontal Card</a></li>
<li><a href="/ej2-react/card/style">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/card/how-to/customize-the-card-image-title-position">Customize the card image title position</a></li>
<li><a href="/ej2-react/card/how-to/integrate-other-component-inside-the-card">Integrate other component inside the card</a></li>
</ul>
</li>
</ul>
</li><li>
Carousel
<ul>
<li><a href="/ej2-react/carousel/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/carousel/populating-items">Populating Items</a></li>
<li><a href="/ej2-react/carousel/navigators-and-indicators">Navigators and Indicators</a></li>
<li><a href="/ej2-react/carousel/animations-and-transitions">Animations and Transitions</a></li>
<li><a href="/ej2-react/carousel/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/carousel/styles-and-appearance">Styles and Appearances</a></li>
<li>How To
    <ul>
    <li><a href="/ej2-react/carousel/how-to/load-images-in-webp-format">Load images in webp format</a></li>
    </ul>
</li>
</ul>
</li><li>
Chart
<ul>
<li>Getting Started
    <ul>
    <li><a href="/ej2-react/chart/getting-started">React</a></li>
    <li><a href="/ej2-react/chart/nextjs-getting-started">NextJS</a></li>
    <li><a href="/ej2-react/chart/preact">Preact</a></li>
    </ul>
</li>
<li><a href="/ej2-react/chart/feature-modules">Feature Modules</a></li>
<li><a href="/ej2-react/chart/working-with-data">Working with Data</a></li>
<li><a href="/ej2-react/chart/dynamic-data-update">Dynamic Data Update</a></li>
<li><a href="/ej2-react/chart/chart-dimensions">Chart Dimensions</a></li>
<li><a href="/ej2-react/chart/category-axis">Category Axis</a></li>
<li><a href="/ej2-react/chart/numeric-axis">Numeric Axis</a></li>
<li><a href="/ej2-react/chart/date-time-axis">DateTime Axis</a></li>
<li><a href="/ej2-react/chart/logarithmic-axis">Logarithmic Axis</a></li>
<li><a href="/ej2-react/chart/axis-labels">Axis Labels</a></li>
<li><a href="/ej2-react/chart/axis-customization">Axis Customization</a></li>
<li><a href="/ej2-react/chart/strip-line">Stripline</a></li>
<li><a href="/ej2-react/chart/multiple-panes">Multiple Panes</a></li>
<li>Chart Types
    <ul>
    <li><a href="/ej2-react/chart/chart-types/line">Line</a></li>
    <li><a href="/ej2-react/chart/chart-types/step-line">Step Line</a></li>
    <li><a href="/ej2-react/chart/chart-types/stack-line">Stacked Line</a></li>
    <li><a href="/ej2-react/chart/chart-types/stacked-line">100% Stacked Line</a></li>
    <li><a href="/ej2-react/chart/chart-types/spline">Spline</a></li>
    <li><a href="/ej2-react/chart/chart-types/area">Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/range-area">Range Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/range-step-area">Range Step Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/spline-range-area">Spline Range Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/stack-area">Stacked Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/stacked-area">100% Stacked Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/stacked-step-area">Stacked Step Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/step-area">Step Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/spline-area">Spline Area</a></li>
    <li><a href="/ej2-react/chart/chart-types/column">Column</a></li>
    <li><a href="/ej2-react/chart/chart-types/range-column">Range Column</a></li>
    <li><a href="/ej2-react/chart/chart-types/stack-column">Stacked Column</a></li>
    <li><a href="/ej2-react/chart/chart-types/stacked-column">100% Stacked Column</a></li>
    <li><a href="/ej2-react/chart/chart-types/bar">Bar</a></li>
    <li><a href="/ej2-react/chart/chart-types/stack-bar">Stacked Bar</a></li>
    <li><a href="/ej2-react/chart/chart-types/stacked-bar">100% Stacked Bar</a></li>
    <li><a href="/ej2-react/chart/chart-types/scatter">Scatter</a></li>
    <li><a href="/ej2-react/chart/chart-types/bubble">Bubble</a></li>
    <li><a href="/ej2-react/chart/chart-types/polar">Polar</a></li>
    <li><a href="/ej2-react/chart/chart-types/radar">Radar</a></li>
    <li><a href="/ej2-react/chart/chart-types/high-low">Hilo</a></li>
    <li><a href="/ej2-react/chart/chart-types/high-low-open-close">High Low Open Close</a></li>
    <li><a href="/ej2-react/chart/chart-types/candle">Candle</a></li>
    <li><a href="/ej2-react/chart/chart-types/box-whisker">Box and Whisker</a></li>
    <li><a href="/ej2-react/chart/chart-types/waterfall">Waterfall</a></li>
    <li><a href="/ej2-react/chart/chart-types/histogram">Histogram</a></li>
    <li><a href="/ej2-react/chart/chart-types/error-bar">Error Bar</a></li>
    <li><a href="/ej2-react/chart/chart-types/vertical">Vertical Chart</a></li>
    <li><a href="/ej2-react/chart/chart-types/pareto">Pareto</a></li>
    </ul>
    </li>
<li><a href="/ej2-react/chart/chart-series">Multiple Series</a></li>
<li><a href="/ej2-react/chart/technical-indicators">Technical Indicators</a></li>
<li><a href="/ej2-react/chart/trend-lines">Trendlines</a></li>
<li><a href="/ej2-react/chart/data-markers">Markers</a></li>
<li><a href="/ej2-react/chart/data-labels">Data Labels</a></li>
<li><a href="/ej2-react/chart/lastvaluelabel">Last Value Label</a></li>
<li><a href="/ej2-react/chart/chart-annotations">Annotations</a></li>
<li><a href="/ej2-react/chart/legend">Legend</a></li>
<li><a href="/ej2-react/chart/tool-tip">Tooltip</a></li>
<li><a href="/ej2-react/chart/zooming">Zooming</a></li>
<li><a href="/ej2-react/chart/data-editing">Data Editing</a></li>
<li><a href="/ej2-react/chart/cross-hair-and-track-ball">Crosshair and Trackball</a></li>
<li><a href="/ej2-react/chart/synchronized-chart">Synchronized Charts</a></li>
<li><a href="/ej2-react/chart/selection">Selection</a></li>
<li><a href="/ej2-react/chart/chart-print">Print and Export</a></li>
<li><a href="/ej2-react/chart/chart-appearance">Appearance</a></li>
<li><a href="/ej2-react/chart/render-methods">Rendering Methods</a></li>
<li><a href="/ej2-react/chart/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/chart/advanced-accessibility-configuration">Advanced Accessibility Configuration</a></li>
<li><a href="/ej2-react/chart/internationalization">Internationalization</a></li>
<li><a href="/ej2-react/chart/localization">Localization</a></li>
<li><a href="/ej2-react/chart/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/chart/how-to/live-chart">Live Chart</a></li>
<li><a href="/ej2-react/chart/how-to/prevent-data-label">Datalabel Customization</a></li>
<li><a href="/ej2-react/chart/how-to/tool-tip-format">Format Tooltip</a></li>
<li><a href="/ej2-react/chart/how-to/add-series">Add or Remove Series</a></li>
<li><a href="/ej2-react/chart/how-to/points-customization">Points Customization</a></li>
<li><a href="/ej2-react/chart/how-to/stacking-total">Stacking Series Total</a></li>
<li><a href="/ej2-react/chart/how-to/selected-data-grid">Display Selected Data</a></li>
<li><a href="/ej2-react/chart/how-to/marker-customization">Marker Customization</a></li>
<li><a href="/ej2-react/chart/how-to/legend-customization">Legend Customization</a></li>
<li><a href="/ej2-react/chart/how-to/tool-tip-table">Table in Tooltip</a></li>
<li><a href="/ej2-react/chart/how-to/footer">Footer and Watermark</a></li>
<li><a href="/ej2-react/chart/how-to/threshold">Threshold in Chart</a></li>
<li><a href="/ej2-react/chart/how-to/grid-data-chart">Visualize current view records of grid in chart</a></li>
<li><a href="/ej2-react/chart/how-to/data-label-template">Datalabel Template</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/chart/">API Reference</a></li>
</ul>
</li><li>
    Chat UI
    <ul>
        <li><a href="/ej2-react/chat-ui/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/chat-ui/messages">Messages</a></li>
        <li>Chat Bot Integrations
            <ul>
                <li>
                    <a href="/ej2-react/chat-ui/bot-integrations/integration-with-dialogflow">Integration with Google Dialogflow</a>
                </li>
                <li>
                    <a href="/ej2-react/chat-ui/bot-integrations/integration-with-bot-framework">Integration with Microsoft Bot Framework</a>
                </li>
            </ul>
        </li>
        <li>AI Integrations
            <ul>
                <li>
                    <a href="/ej2-react/chat-ui/ai-integrations/gemini-integration">Integration with Google Gemini</a>
                </li>
                <li>
                    <a href="/ej2-react/chat-ui/ai-integrations/openai-integration">Integration with Open AI</a>
                </li>
            </ul>
        </li>
        <li><a href="/ej2-react/chat-ui/timebreaks">Time break</a></li>
        <li><a href="/ej2-react/chat-ui/timestamp">Timestamp</a></li>
        <li><a href="/ej2-react/chat-ui/typing-indicator">Typing indicator</a></li>
        <li><a href="/ej2-react/chat-ui/load-on-demand">Load on-demand</a></li>
        <li><a href="/ej2-react/chat-ui/mention">Mention Integration</a></li>
        <li><a href="/ej2-react/chat-ui/header">Header</a></li>
        <li><a href="/ej2-react/chat-ui/footer">Footer</a></li>
        <li><a href="/ej2-react/chat-ui/templates">Templates</a></li>
        <li><a href="/ej2-react/chat-ui/appearance">Appearance</a></li>
        <li><a href="/ej2-react/chat-ui/globalization">Globalization</a></li>
        <li><a href="/ej2-react/chat-ui/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/chat-ui/methods">Methods</a></li>
        <li><a href="/ej2-react/chat-ui/events">Events</a></li>        
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/chat-ui">API Reference</a></li>
    </ul>
</li><li>
Check box
<ul>
<li><a href="/ej2-react/check-box/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/check-box/states">Checkbox States</a></li>
<li><a href="/ej2-react/check-box/label-and-size">Label and Size</a></li>
<li><a href="/ej2-react/check-box/style-and-appearance">Styles and Appearances</a></li>
<li><a href="/ej2-react/check-box/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/check-box/how-to/customized-checkbox">Customized CheckBox</a></li>
<li><a href="/ej2-react/check-box/how-to/name-and-value-in-form-submit">Name and Value in form submit</a></li>
<li><a href="/ej2-react/check-box/how-to/right-to-left">Right-To-Left</a></li>
</ul>
</li>
<li><a href="/ej2-react/check-box/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/check-box/">API Reference</a></li>
</ul>
</li><li>
Chips
<ul>
<li><a href="/ej2-react/chips/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/chips/types">Types</a></li>
<li><a href="/ej2-react/chips/draganddrop">Drag and Drop</a></li>
<li><a href="/ej2-react/chips/customization">Customization</a></li>
<li><a href="/ej2-react/chips/style">CSS Structure</a></li>
<li><a href="/ej2-react/chips/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/chips/">API Reference</a></li>
</ul>
</li><li>
    3D Circular Chart
    <ul>
        <li><a href="/ej2-react/circular-chart-3d/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/circular-chart-3d/pie-donut-chart">Pie and Donut</a></li>
        <li><a href="/ej2-react/circular-chart-3d/data-label">Data Label</a></li>
        <li><a href="/ej2-react/circular-chart-3d/empty-points">Empty Points</a></li>
        <li><a href="/ej2-react/circular-chart-3d/legend">Legend</a></li>
        <li><a href="/ej2-react/circular-chart-3d/tooltip">Tooltip</a></li>
        <li><a href="/ej2-react/circular-chart-3d/title-and-subtitle">Title and Subtitle</a></li>
        <li><a href="/ej2-react/circular-chart-3d/print-and-export">Print and Export</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/circularchart3d/">API Reference</a></li>
    </ul>
</li><li>
Circular Gauge
<ul>
<li><a href="/ej2-react/circular-gauge/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/circular-gauge/nextjs-getting-started">Getting Started with NextJS</a></li>  
<li><a href="/ej2-react/circular-gauge/gauge-dimensions">Circular Gauge Dimensions</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-axes">Axes</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-ranges">Ranges</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-pointers">Pointers</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-annotations">Annotations</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-animation">Animation</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-legend">Legend</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-user-interaction">User Interaction</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-print-and-export">Print and Export</a></li>
<li><a href="/ej2-react/circular-gauge/gauge-appearance">Appearance</a></li>
<li><a href="/ej2-react/circular-gauge/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/circular-gauge/internationalization">Internationalization</a></li>
<li><a href="/ej2-react/circular-gauge/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/circular-gauge/">API Reference</a></li>
</ul>
</li>
<li>
ColorPicker
<ul>
<li><a href="/ej2-react/color-picker/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/color-picker/mode-and-value">Mode And Value</a></li>
<li><a href="/ej2-react/color-picker/localization">Localization</a></li>
<li><a href="/ej2-react/color-picker/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/color-picker/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/color-picker/how-to/hide-control-buttons">Hide Control Buttons</a></li>
<li><a href="/ej2-react/color-picker/how-to/render-palette-alone">Render Palette alone</a></li>
<li><a href="/ej2-react/color-picker/how-to/colorpicker-in-dropdownbutton">ColorPicker in DropDownButton</a></li>
<li><a href="/ej2-react/color-picker/how-to/customize-colorpicker">Customize ColorPicker</a></li>
<li><a href="/ej2-react/color-picker/how-to/handle-no-color-support">Handle No Color Support</a></li>
<li><a href="/ej2-react/color-picker/how-to/disabled">Disable ColorPicker</a></li>
<li><a href="/ej2-react/color-picker/how-to/show-recent-color">Show Recent Color</a></li>
</ul>
</li>
<li><a href="/ej2-react/color-picker/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/color-picker/">API Reference</a></li>
</ul>
</li><li>
ComboBox
<ul>
<li><a href="/ej2-react/combo-box/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/combo-box/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/combo-box/value-binding">Value Binding</a></li>
<li><a href="/ej2-react/combo-box/templates">Templates</a></li>
<li><a href="/ej2-react/combo-box/virtual-scroll">Virtualization</a></li>
<li><a href="/ej2-react/combo-box/grouping">Grouping</a></li>
<li><a href="/ej2-react/combo-box/disabled-items">Disabled Items</a></li>
<li><a href="/ej2-react/combo-box/filtering">Filtering</a></li>
<li><a href="/ej2-react/combo-box/localization">Localization</a></li>
<li><a href="/ej2-react/combo-box/style">Style and appearance</a></li>
<li><a href="/ej2-react/combo-box/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/combo-box/resize">Popup Resize</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/combo-box/how-to/autofill">Autofill supported with ComboBox</a></li>
<li><a href="/ej2-react/combo-box/how-to/cascading">Configure the Cascading ComboBox</a></li>
<li><a href="/ej2-react/combo-box/how-to/icons-support">Show the list items with icons</a></li>
</ul>
</li>
<li><a href="/ej2-react/combo-box/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/combo-box/">API Reference</a></li>
</ul>
</li><li>
Context menu
<ul>
<li><a href="/ej2-react/context-menu/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/context-menu/icons-and-navigation">Icons and Navigation</a></li>
<li><a href="/ej2-react/context-menu/template-and-multilevel-nesting">Template and multilevel nesting</a></li>
<li><a href="/ej2-react/context-menu/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/context-menu/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/context-menu/how-to/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/context-menu/how-to/render-with-separator">Render with Separator</a></li>
<li><a href="/ej2-react/context-menu/how-to/open-and-close-contextmenu">Open and close ContextMenu</a></li>
<li><a href="/ej2-react/context-menu/how-to/change-menu-items-dynamically">Change menu items dynamically</a></li>
<li><a href="/ej2-react/context-menu/how-to/overflow-scrollable-contextmenu">Overflow Scrollable ContextMenu</a></li>
<li><a href="/ej2-react/context-menu/how-to/template">Template</a></li>
<li><a href="/ej2-react/context-menu/how-to/underline-a-character-in-the-item-text">Underline a character in the item text</a></li>
<li><a href="/ej2-react/context-menu/how-to/open-a-dialog-on-contextmenu-item-click">Open a dialog on ContextMenu item click</a></li>
<li><a href="/ej2-react/context-menu/how-to/change-animation-settings">Change animation settings</a></li>
<li><a href="/ej2-react/context-menu/how-to/add-or-remove-context-menu-items">Add or remove context menu items</a></li>
<li><a href="/ej2-react/context-menu/how-to/enable-or-disable-context-menu-items">Enable or disable context menu items</a></li>
<li><a href="/ej2-react/context-menu/how-to/scrollable-context-menu">Render Scrollable Context Menu</a></li>
</ul>
</li>
</ul>
</li><li>
Dashboard Layout
<ul>
<li><a href="/ej2-react/dashboard-layout/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/dashboard-layout/setting-size-of-cells">Configuring the Layout</a></li>
<li>Panels
<ul>
<li><a href="/ej2-react/dashboard-layout/panels/position-sizing-of-panels">Size and Position</a></li>
<li><a href="/ej2-react/dashboard-layout/panels/setting-header-of-panels">Header and Content</a></li>
<li><a href="/ej2-react/dashboard-layout/panels/add-remove-panels">Adding or Removing Panels</a></li>
</ul>
</li>
<li>Interaction With Panels
<ul>
<li><a href="/ej2-react/dashboard-layout/interaction-with-panels/dragging-moving-of-panels">Drag and Drop</a></li>
<li><a href="/ej2-react/dashboard-layout/interaction-with-panels/moving-panels">Moving Panels</a></li>
<li><a href="/ej2-react/dashboard-layout/interaction-with-panels/resizing-of-panels">Resizing Panels</a></li>
</ul>
</li>
<li><a href="/ej2-react/dashboard-layout/floating-of-panels">Floating Panels</a></li>
<li><a href="/ej2-react/dashboard-layout/responsive-adaptive">Responsive and Adaptive Layout</a></li>
<li><a href="/ej2-react/dashboard-layout/state-maintenance">State Maintenance</a></li>
<li><a href="/ej2-react/dashboard-layout/style">CSS Structure</a></li>
<li><a href="/ej2-react/dashboard-layout/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/dashboard-layout/">API Reference</a></li>
</ul>
</li><li>
DataManager
<ul>
<li><a href="/ej2-react/data/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/data/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/data/adaptors">Adaptors</a></li>
<li><a href="/ej2-react/data/cache">Cache</a></li>
<li><a href="/ej2-react/data/querying">Querying</a></li>
<li><a href="/ej2-react/data/manipulation">CRUD Data operations</a></li>
<li><a href="/ej2-react/data/applying-middleware-logic">Applying Middleware Logic</a></li>
<li><a href="/ej2-react/data/how-to">How To</a></li>
</ul>
</li><li>
DatePicker
<ul>
<li><a href="/ej2-react/datepicker/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/datepicker/date-range">Date Range</a></li>
<li><a href="/ej2-react/datepicker/date-format">Date Format</a></li>
<li><a href="/ej2-react/datepicker/date-masking">Mask Support</a></li>
<li><a href="/ej2-react/datepicker/globalization">Globalization</a></li>
<li><a href="/ej2-react/datepicker/strict-mode">Strict Mode</a></li>
<li><a href="/ej2-react/datepicker/customization">Customization</a></li>
<li><a href="/ej2-react/datepicker/date-views">Start and Depth View</a></li>
<li><a href="/ej2-react/datepicker/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/datepicker/style-appearance">Style and Appearance</a></li>
<li><a href="/ej2-react/datepicker/timezone-behavior">Timezone Behavior</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/datepicker/how-to/disabled-the-datepicker-component">Disabled the DatePicker Component</a></li>
<li><a href="/ej2-react/datepicker/how-to/customize-the-datepicker-day-header">Customize the Day Header</a></li>
<li><a href="/ej2-react/datepicker/how-to/set-the-placeholder">Set the Placeholder</a></li>
<li><a href="/ej2-react/datepicker/how-to/set-the-readonly">Set the Readonly</a></li>
<li><a href="/ej2-react/datepicker/how-to/open-datepicker-popup-on-input-click">Open the DatePicker popup upon focusing input of DatePicker</a></li>
<li><a href="/ej2-react/datepicker/how-to/prevent-the-popup-close">Prevent the Popup Close</a></li>
<li><a href="/ej2-react/datepicker/how-to/dynamic-form-validation">Dynamic Form Validation</a></li>
</ul>
</li>
<li><a href="/ej2-react/datepicker/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/datepicker/">API Reference</a></li>
</ul>
</li><li>
DateRangePicker
<ul>
<li><a href="/ej2-react/daterangepicker/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/daterangepicker/range-selection">Range Restriction</a></li>
<li><a href="/ej2-react/daterangepicker/date-format">Date Format</a></li>
<li><a href="/ej2-react/daterangepicker/globalization">Globalization</a></li>
<li><a href="/ej2-react/daterangepicker/customization">Customization</a></li>
<li><a href="/ej2-react/daterangepicker/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/daterangepicker/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/daterangepicker/how-to/disable-the-daterangepicker-component">Disable the DateRangePicker Component</a></li>
<li><a href="/ej2-react/daterangepicker/how-to/customize-the-daterangepicker-day-header">Customize the Day Header</a></li>
<li><a href="/ej2-react/daterangepicker/how-to/set-the-placeholder">Set the Placeholder</a></li>
<li><a href="/ej2-react/daterangepicker/how-to/customization-using-cssclass">Customization using CSSClass</a></li>
</ul>
</li>
<li><a href="/ej2-react/daterangepicker/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/datepicker/">API Reference</a></li>
</ul>
</li><li>
DateTimePicker
<ul>
<li><a href="/ej2-react/datetimepicker/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/datetimepicker/globalization">Globalization</a></li>
<li><a href="/ej2-react/datetimepicker/strict-mode">Strict Mode</a></li>
<li><a href="/ej2-react/datetimepicker/date-time-range">DateTime Range</a></li>
<li><a href="/ej2-react/datetimepicker/date-time-format">DateTime Format</a></li>
<li><a href="/ej2-react/datetimepicker/date-time-masking">Mask Support</a></li>
<li><a href="/ej2-react/datetimepicker/customization">Customization</a></li>
<li><a href="/ej2-react/datetimepicker/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/datetimepicker/style-appearance">Style and Appearance</a></li>
<li><a href="/ej2-react/datetimepicker/timezone-behavior">Timezone Behavior</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/datetimepicker/how-to/disable-the-datetimepicker-component">Disable the Component</a></li>
<li><a href="/ej2-react/datetimepicker/how-to/customize-the-datetimepicker-day-header">Customize the Day Header</a></li>
<li><a href="/ej2-react/datetimepicker/how-to/set-the-placeholder">Set the Placeholder</a></li>
</ul>
</li>
<li><a href="/ej2-react/datetimepicker/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/datetimepicker/">API Reference</a></li>
</ul>
</li><li>
Diagram
<ul>
<li>Getting Started
<ul>
<li><a href="/ej2-react/diagram/getting-started">React</a></li>
<li><a href="/ej2-react/diagram/nextjs-getting-started">NextJS</a></li>
<li><a href="/ej2-react/diagram/preact">Preact</a></li>
</ul>
</li>
<li><a href="/ej2-react/diagram/nodes">Node</a>
    <ul>
        <li><a href="/ej2-react/diagram/nodes-customization">Customization</a></li>
        <li><a href="/ej2-react/diagram/nodes-interaction">Interaction</a></li>
        <li><a href="/ej2-react/diagram/nodes-events">Events</a></li>
        <li><a href="/ej2-react/diagram/nodes-positioning">Positioning</a></li>
        <li><a href="/ej2-react/diagram/nodes-expandAndCollapse">ExpandAndCollapse</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/shapes">Shapes</a></li>
<li><a href="/ej2-react/diagram/bpmn-shapes">BPMN Shapes</a>
    <ul>
        <li><a href="/ej2-react/diagram/bpmn-events">BPMN Events</a></li>
        <li><a href="/ej2-react/diagram/bpmn-gateway">BPMN Gateway</a></li>
        <li><a href="/ej2-react/diagram/bpmn-activities">BPMN Activity</a></li>
        <li><a href="/ej2-react/diagram/bpmn-dataObject">BPMN Data Object</a></li>
        <li><a href="/ej2-react/diagram/bpmn-dataSource">BPMN Data Source</a></li>
        <li><a href="/ej2-react/diagram/bpmn-textAnnotation">BPMN Text Annotation</a></li>
        <li><a href="/ej2-react/diagram/bpmn-groups">BPMN Group</a></li>
        <li><a href="/ej2-react/diagram/bpmn-expandedSubProcess">BPMN Expanded SubProcess</a></li>
        <li><a href="/ej2-react/diagram/bpmn-flows">BPMN Flow Connectors</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/umldiagram">UML Diagram Shapes</a></li>
<li><a href="/ej2-react/diagram/connectors">Connector</a>
    <ul>
        <li><a href="/ej2-react/diagram/connector-segments">Segments</a>
            <ul>
                <li><a href="/ej2-react/diagram/connector-straight">Straight</a></li>
                <li><a href="/ej2-react/diagram/connector-orthogonal">Orthogonal</a></li>
                <li><a href="/ej2-react/diagram/connector-bezier">Bezier</a>
                    <ul>
                        <li><a href="/ej2-react/diagram/bezier-controlPoint">Control point interaction</a></li>
                        <li><a href="/ej2-react/diagram/bezier-segEditOrientation">Segment edit orientation</a></li>
                    </ul>
                </li>
                <li><a href="/ej2-react/diagram/multipleSegments">Multiple Segments</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/diagram/connector-customization">Customization</a></li>
        <li><a href="/ej2-react/diagram/connector-interaction">Interaction</a></li>
        <li><a href="/ej2-react/diagram/connector-events">Events</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/group">Group</a></li>
<li><a href="/ej2-react/diagram/container">Container</a></li>
<li><a href="/ej2-react/diagram/swim-lane">Swimlane</a>
    <ul>
        <li><a href="/ej2-react/diagram/lane">Lane</a></li>
        <li><a href="/ej2-react/diagram/phase">Phase</a></li>
        <li><a href="/ej2-react/diagram/swimlane-palette">Swimlane-palette</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/labels">Annotation</a>
    <ul>
        <li><a href="/ej2-react/diagram/node-labels">Annotation for Node</a></li>
        <li><a href="/ej2-react/diagram/connector-labels">Annotation for Connector</a></li>
        <li><a href="/ej2-react/diagram/label-appearance">Annotation Appearance</a></li>
        <li><a href="/ej2-react/diagram/label-interaction">Annotation Interaction</a></li>
        <li><a href="/ej2-react/diagram/label-events">Annotation Events</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/ports">Port</a>
   <ul>
        <li><a href="/ej2-react/diagram/ports-appearance">Appearance</a></li>
        <li><a href="/ej2-react/diagram/ports-positioning">Positioning</a></li>
        <li><a href="/ej2-react/diagram/ports-interaction">Interaction</a></li>
        <li><a href="/ej2-react/diagram/ports-connector-port">Connector port</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/constraints">Constraints</a></li>
<li><a href="/ej2-react/diagram/interaction">Interaction</a></li>
<li><a href="/ej2-react/diagram/localization">Localization</a></li>
<li><a href="/ej2-react/diagram/tools">Tools</a></li>
<li><a href="/ej2-react/diagram/grid-lines">Gridlines</a></li>
<li><a href="/ej2-react/diagram/page-settings">Page Settings</a></li>
<li><a href="/ej2-react/diagram/scroll-settings">Scroll Settings</a></li>
<li><a href="/ej2-react/diagram/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/diagram/automatic-layout">Automatic Layout</a>
    <ul>
        <li><a href="/ej2-react/diagram/hierarchical-layout">Hierarchical tree</a></li>
        <li><a href="/ej2-react/diagram/complex-layout">ComplexHierarchical tree</a></li>
        <li><a href="/ej2-react/diagram/org-chart">Organizational chart</a></li>
        <li><a href="/ej2-react/diagram/flowchart-layout">Flowchart layout</a></li>
        <li><a href="/ej2-react/diagram/mindmap-layout">Mind Map tree</a></li>
        <li><a href="/ej2-react/diagram/radial-layout">Radial tree</a></li>
        <li><a href="/ej2-react/diagram/symmetric-layout">Symmetric layout</a></li>
        <li><a href="/ej2-react/diagram/layout-customization">Layout customization</a></li>
        <li><a href="/ej2-react/diagram/layout-event">Events</a></li>
     </ul>
</li>
<li><a href="/ej2-react/diagram/umlsequencediagram">UML Sequence Diagram</a></li>
<li><a href="/ej2-react/diagram/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/diagram/commands">Commands</a></li>
<li><a href="/ej2-react/diagram/undo-redo">Undo and Redo</a></li>
<li><a href="/ej2-react/diagram/virtualization">Virtualization</a></li>
<li><a href="/ej2-react/diagram/serialization">Serialization</a></li>
<li><a href="/ej2-react/diagram/print">Printing</a></li>
<li><a href="/ej2-react/diagram/export">Exporting</a></li>
<li><a href="/ej2-react/diagram/tooltip">Tooltip</a></li>
<li><a href="/ej2-react/diagram/user-handle">Userhandle</a></li>
<li><a href="/ej2-react/diagram/style">CSS Structure</a></li>
<li><a href="/ej2-react/diagram/ruler">Ruler</a></li>
<li><a href="/ej2-react/diagram/layers">Layers</a></li>
<li><a href="/ej2-react/diagram/context-menu">Context Menu</a></li>
<li><a href="/ej2-react/diagram/symbol-palette">Symbol Palette</a>
    <ul>
       <li><a href="/ej2-react/diagram/palette-customization">Customization</a></li>
       <li><a href="/ej2-react/diagram/palette-events">Events</a></li>
    </ul>
</li>
<li><a href="/ej2-react/diagram/overview">Overview Control</a></li>
<li><a href="/ej2-react/diagram/ej1-migration">Migration from Essential® JS1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/diagram/">API Reference</a></li>
</ul>
</li><li>
Dialog
<ul>   
<li><a href="/ej2-react/dialog/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/dialog/getting-started-functional">Getting Started using functional component</a></li>
<li><a href="/ej2-react/dialog/template">Templates</a></li>
<li><a href="/ej2-react/dialog/animation">Animation</a></li>
<li><a href="/ej2-react/dialog/resize">Resizing</a></li>
<li><a href="/ej2-react/dialog/localization">Localization</a></li>
<li><a href="/ej2-react/dialog/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/dialog/style">Style and appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/dialog/how-to/create-nested-dialog">Create nested Dialog</a></li>
<li><a href="/ej2-react/dialog/how-to/position-the-dialog-on-center-of-the-page-on-scrolling">Position the Dialog in center of the page on scrolling</a></li>
<li><a href="/ej2-react/dialog/how-to/load-dialog-content-using-ajax">Load Dialog content using AJAX</a></li>
<li><a href="/ej2-react/dialog/how-to/render-a-dialog-without-header">Render a Dialog without header</a></li>
<li><a href="/ej2-react/dialog/how-to/show-dialog-with-full-screen">Show Dialog with fullscreen</a></li>
<li><a href="/ej2-react/dialog/how-to/display-a-dialog-with-custom-position">Display a Dialog with custom position</a></li>
<li><a href="/ej2-react/dialog/how-to/prevent-closing-of-modal-dialog">Prevent closing of modal Dialog</a></li>
<li><a href="/ej2-react/dialog/how-to/prevent-the-focus-on-the-first-element">Prevent the focus on the first element</a></li>
<li><a href="/ej2-react/dialog/how-to/prevent-the-focus-to-the-previous-element">Prevent the focus to the previous element</a></li>
<li><a href="/ej2-react/dialog/how-to/prevent-opening-of-the-dialog">Open a Dialog on condition</a></li>
<li><a href="/ej2-react/dialog/how-to/read-all-the-values-from-dialog-on-button-click">Read all values of Dialog on button click</a></li>
<li><a href="/ej2-react/dialog/how-to/customize-the-dialog-appearance">Customize the Dialog appearance</a></li>
<li><a href="/ej2-react/dialog/how-to/close-dialog-while-click-on-outside-of-dialog">Close Dialog when click outside of its region</a></li>
<li><a href="/ej2-react/dialog/how-to/add-an-icons-to-dialog-buttons">Add icons to Dialog buttons</a></li>
<li><a href="/ej2-react/dialog/how-to/add-a-minimize-maximize-buttons">Add minimize and maximize buttons to Dialog header</a></li>
<li><a href="/ej2-react/dialog/how-to/setting-max-height-to-the-dialog">Setting maxHeight to the Dialog</a></li>
<li><a href="/ej2-react/dialog/how-to/react-hooks-dialog">React hooks with Dialog</a></li>
</ul>
</li>
<li><a href="/ej2-react/dialog/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/dialog/">API Reference</a></li>
</ul>
</li>
<li>
DropDownButton
<ul>
<li><a href="/ej2-react/drop-down-button/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/drop-down-button/icons">Icons</a></li>
<li><a href="/ej2-react/drop-down-button/popup-items">Popup Items</a></li>
<li><a href="/ej2-react/drop-down-button/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/drop-down-button/style-and-appearance">Styles and Appearances</a></li>
<li><a href="/ej2-react/drop-down-button/item-template">Item Template</a></li>
<li><a href="/ej2-react/drop-down-button/animation">Animation</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/drop-down-button/how-to/change-caret-icon">Change caret icon</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/create-dropdownbutton-with-rounded-corner">Create DropDownButton with rounded corner</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/create-right-to-left-dropdownbutton">Create right-to-left DropDownButton</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/customize-icon-and-width">Customize icon and width</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/disable-a-dropdownbutton">Disable a DropDownButton</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/group-popup-items-with-listview-component">Group popup items with ListView component</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/hide-dropdown-arrow">Hide dropdown arrow</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/position-popup-open">Position popup open</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/underline-a-character-in-the-item-text">Underline a character in the item text</a></li>
<li><a href="/ej2-react/drop-down-button/how-to/customize-popup-width">Customize popup width</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/drop-down-button/">API Reference</a></li>
</ul>
</li><li>
DropDownList
<ul>
<li>Getting Started
<ul>
<li><a href="/ej2-react/drop-down-list/getting-started">React</a></li>
<li><a href="/ej2-react/drop-down-list/preact">Preact</a></li>
</ul>
</li>
<li><a href="/ej2-react/drop-down-list/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/drop-down-list/value-binding">Value Binding</a></li>
<li><a href="/ej2-react/drop-down-list/templates">Templates</a></li>
<li><a href="/ej2-react/drop-down-list/virtual-scroll">Virtualization</a></li>
<li><a href="/ej2-react/drop-down-list/grouping">Grouping</a></li>
<li><a href="/ej2-react/drop-down-list/disabled-items">Disabled Items</a></li>
<li><a href="/ej2-react/drop-down-list/filtering">Filtering</a></li>
<li><a href="/ej2-react/drop-down-list/localization">Localization</a></li>
<li><a href="/ej2-react/drop-down-list/style">Style and appearance</a></li>
<li><a href="/ej2-react/drop-down-list/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/drop-down-list/resize">Popup Resize</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/drop-down-list/how-to/add-item">Add item in between in DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/cascading">Configure the Cascading DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/clear-item">Clear the selected item in DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/close-popup">Close the popup on scroll</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/group-header">Disable the Fixed group header in DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/highlight-filtering">Highlight the matched character in filtering</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/icons-support">Show the list items with icons</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/incremental-search">Do incremental search in the DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/modify-data">Modify the result data before passing to DropDownList when binding remote data source</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/multiple-cascading">Preselect the list items in multiple cascading DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/remote-data-bind">Get the total count of data when remote data bind with DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/remove-item">Remove an item from DropDownList</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/search-on-filtering">Limit the search result on filtering</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/tooltip">DropDownList options with tooltip</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/value-change">Detect whether the value change happened by manual or programmatic</a></li>
<li><a href="/ej2-react/drop-down-list/how-to/value-support">Whether each list items hold unique value</a></li>
</ul>
</li>
<li><a href="/ej2-react/drop-down-list/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/drop-down-list/">API Reference</a></li>
</ul>
</li><li>
Dropdown Tree
<ul>
<li><a href="/ej2-react/drop-down-tree/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/drop-down-tree/data-binding">Data binding</a></li>
<li><a href="/ej2-react/drop-down-tree/templates">Templates</a></li>
<li><a href="/ej2-react/drop-down-tree/checkbox">Checkbox</a></li>
<li><a href="/ej2-react/drop-down-tree/localization">Localization</a></li>
<li><a href="/ej2-react/drop-down-tree/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/drop-down-tree/">API Reference</a></li>
</ul>
</li><li>
File Manager
<ul>
<li><a href="/ej2-react/file-manager/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/file-manager/nextjs-getting-started">Getting Started with NextJS</a></li>
<li><a href="/ej2-react/file-manager/user-interface">User Interface</a></li>
<li><a href="/ej2-react/file-manager/flat-data">Flat Data</a></li>
<li><a href="/ej2-react/file-manager/file-system-provider">File System Provider</a></li>
<li><a href="/ej2-react/file-manager/file-operations">File Operations</a></li>
<li><a href="/ej2-react/file-manager/views">Views</a></li>
<li><a href="/ej2-react/file-manager/customization">Customization</a></li>
<li><a href="/ej2-react/file-manager/multiple-selection">Multiple Selection</a></li>
<li><a href="/ej2-react/file-manager/drag-and-drop">Drag and Drop Support</a></li>
<li><a href="/ej2-react/file-manager/virtualization">Virtualization</a></li>
<li><a href="/ej2-react/file-manager/access-control">Access Control</a></li>
<li><a href="/ej2-react/file-manager/upload">Upload</a></li>
<li><a href="/ej2-react/file-manager/localization">Localization</a></li>
<li><a href="/ej2-react/file-manager/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/file-manager/how-to/adding-custom-item-to-context-menu">Adding Custom Item To Context Menu</a></li>
<li><a href="/ej2-react/file-manager/how-to/adding-custom-item-to-toolbar">Adding Custom Item To Toolbar</a></li>
<li><a href="/ej2-react/file-manager/how-to/enable-disable-toolbar-item">Enable/Disable Toolbar Item</a></li>
<li><a href="/ej2-react/file-manager/how-to/customize-custom-thumbnail">Customize Custom Thumbnails</a></li>
<li><a href="/ej2-react/file-manager/how-to/nested-items">Nested File Manager</a></li>
<li><a href="/ej2-react/file-manager/how-to/custom-file-provider">Implement own service provider</a></li>
<li><a href="/ej2-react/file-manager/how-to/preselect-the-items">Preselect the items</a></li>
<li><a href="/ej2-react/file-manager/how-to/perform-custom-sorting">Perform custom sorting</a></li>
<li><a href="/ej2-react/file-manager/how-to/pass-custom-value-to-server">Pass custom value from client to server</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/file-manager/">API Reference</a></li>
</ul>
</li>
<li>
FloatingActionButton
<ul>
<li><a href="/ej2-react/floating-action-button/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/floating-action-button/icons">Icons</a></li>
<li><a href="/ej2-react/floating-action-button/styles">Styles</a></li>
<li><a href="/ej2-react/floating-action-button/positions">Positions</a></li>
<li><a href="/ej2-react/floating-action-button/events">Events</a></li>
<li><a href="/ej2-react/floating-action-button/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/floating-action-button/fab/">API Reference</a></li>
</ul>
</li><li>
Form Validator
<ul>
<li><a href="/ej2-react/form-validator/nextjs-getting-started">Getting Started with NextJS</a></li>
<li><a href="/ej2-react/form-validator/validation-rules">Validation Rules</a></li>
<li><a href="/ej2-react/form-validator/error-messages">Error Messages</a></li>
<li><a href="/ej2-react/form-validator/validation-events">Validation Events</a></li>
<li><a href="/ej2-react/form-validator/localization">Localization</a></li>
<li><a href="/ej2-react/form-validator/react-functional-component">React functional component</a></li>
</ul>
</li><li>
    Gantt
    <ul>
        <li><a href="/ej2-react/gantt/overview">Overview</a></li>
        <li>Getting Started
        <ul>
            <li><a href="/ej2-react/gantt/getting-started">React</a></li>
            <li><a href="/ej2-react/gantt/nextjs-getting-started">NextJS</a></li>
            <li><a href="/ej2-react/gantt/preact">Preact</a></li>
        </ul>
        </li>
        <li><a href="/ej2-react/gantt/key-elements">Key Elements in Gantt UI</a></li>
        <li><a href="/ej2-react/gantt/module">Feature Modules</a></li>
        <li><a href="/ej2-react/gantt/data-binding">Data Binding</a>
            <ul>
                <li><a href="/ej2-react/gantt/immutable">Immutable Mode</a></li>
                <li><a href="/ej2-react/gantt/loading-animation">Loading Animation</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/performance">Performance Best Practices</a></li>
        <li><a href="/ej2-react/gantt/columns/columns">Columns</a>
            <ul>
                <li><a href="/ej2-react/gantt/columns/column-reordering">Column Reordering</a></li>
                <li><a href="/ej2-react/gantt/columns/column-resizing">Column Resizing</a></li>
                <li><a href="/ej2-react/gantt/columns/column-template">Column Template</a></li>
                <li><a href="/ej2-react/gantt/columns/column-menu">Column Menu</a></li>
                <li><a href="/ej2-react/gantt/columns/responsive-columns">Responsive Columns</a></li>
                <li><a href="/ej2-react/gantt/columns/check-box-column">Checkbox Column</a></li>
                <li><a href="/ej2-react/gantt/columns/column-spanning">Column Spanning</a></li>
                <li><a href="/ej2-react/gantt/columns/wbs-column">WBS Column</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/time-line/time-line">Timeline</a>
            <ul>
                <li><a href="/ej2-react/gantt/time-line/top-tier-and-bottom-tier">Top Tier and Bottom Tier</a></li>
                <li><a href="/ej2-react/gantt/time-line/zooming">Zooming</a></li>
                <li><a href="/ej2-react/gantt/event-markers">Event Markers</a></li>
                <li><a href="/ej2-react/gantt/holidays">Holidays</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/splitter">Splitter</a></li>
        <li><a href="/ej2-react/gantt/scheduling-tasks">Task Scheduling</a>
            <ul>
                <li><a href="/ej2-react/gantt/task-dependency">Task Dependency</a></li>
                <li><a href="/ej2-react/gantt/task-constraints">Task Constraints</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/taskbar">Taskbar</a>
            <ul>
                <li><a href="/ej2-react/gantt/baseline">Baseline</a></li>
                <li><a href="/ej2-react/gantt/labels">Labels</a></li>
                <li><a href="/ej2-react/gantt/data-markers">Data Markers</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/critical-path">Critical Path</a></li>
        <li><a href="/ej2-react/gantt/undo-redo">Undo Redo</a></li>
        <li><a href="/ej2-react/gantt/tool-bar">Toolbar</a></li>
        <li><a href="/ej2-react/gantt/managing-tasks/managing-tasks">Managing Tasks</a>
            <ul>
                <li><a href="/ej2-react/gantt/managing-tasks/adding-new-tasks">Adding New Tasks</a></li>
                <li><a href="/ej2-react/gantt/managing-tasks/editing-tasks">Editing Tasks</a></li>
		<li><a href="/ej2-react/gantt/managing-tasks/validation">Validation</a></li>
                <li><a href="/ej2-react/gantt/managing-tasks/deleting-tasks">Deleting Tasks</a></li>
                <li><a href="/ej2-react/gantt/managing-tasks/task-bar-editing">Taskbar Editing</a></li>
                <li><a href="/ej2-react/gantt/managing-tasks/in-dent-and-out-dent">Indent and Outdent</a></li>
                <li><a href="/ej2-react/gantt/managing-tasks/splitting-and-merging-tasks">Splitting and Merging Tasks</a></li>
                <li><a href="/ej2-react/gantt/managing-tasks/maintaining-data-in-server">Maintaining Data in Server</a>
                </li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/scrolling">Scrolling</a></li>
        <li><a href="/ej2-react/gantt/virtual-scroll">Virtual Scrolling</a></li>
        <li><a href="/ej2-react/gantt/resources">Resources in Project View</a>
            <ul>
                <li><a href="/ej2-react/gantt/work">Work</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/resource-view">Resource View</a>
            <ul>
                <li><a href="/ej2-react/gantt/multi-taskbar">Multi Taskbar</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/filtering/filtering">Filtering</a>
            <ul>
                <li><a href="/ej2-react/gantt/filtering/filter-menu">Filter Menu</a></li>
                <li><a href="/ej2-react/gantt/filtering/excel-like-filter">Excel Like Filter</a></li>
                <li><a href="/ej2-react/gantt/filtering/searching">Searching</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/sorting">Sorting</a></li>
        <li><a href="/ej2-react/gantt/selection/selection">Selection</a>
            <ul>
                <li><a href="/ej2-react/gantt/selection/row-selection">Row Selection</a></li>
                <li><a href="/ej2-react/gantt/selection/cell-selection">Cell Selection</a></li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/rows">Rows</a>
            <ul>
                <li><a href="/ej2-react/gantt/drag-and-drop">Drag and Drop</a></li>
            </ul>
        </li>
        <li>Export
            <ul>
                <li><a href="/ej2-react/gantt/excel-export/excel-export">Excel Export</a>
                    <ul>
                        <li><a href="/ej2-react/gantt/excel-export/custom-data-source">Custom Data Source</a></li>
                        <li><a href="/ej2-react/gantt/excel-export/multiple-gantt-exporting">Multiple Gantt Exporting</a></li>
                    </ul>
                </li>
                <li><a href="/ej2-react/gantt/pdf-export/pdf-export">Pdf Export</a>
                    <ul> 
                        <li><a href="/ej2-react/gantt/pdf-export/header-and-footer">Header and Footer</a></li>
                        <li><a href="/ej2-react/gantt/pdf-export/customize-pdf-export">Customize PDF Export</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="/ej2-react/gantt/context-menu">Context Menu</a></li>
        <li><a href="/ej2-react/gantt/state-persistence">State Persistence</a></li>
        <li><a href="/ej2-react/gantt/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/gantt/global-local">Globalization</a></li>
        <li><a href="/ej2-react/gantt/style-and-appearance">Style and Appearance</a></li>
        <li><a href="/ej2-react/gantt/timezone">Timezone</a></li>
        <li><a href="/ej2-react/gantt/events">Events</a></li>
        <li>How To
            <ul>
                <li><a href="/ej2-react/gantt/how-to/open-add-edit-dialog">Open Add Edit Dialog Dynamically</a></li>
                <li><a href="/ej2-react/gantt/how-to/change-schedule-dates">Change Schedule Dates</a></li>
                <li><a href="/ej2-react/gantt/how-to/copy-paste-records">Copy and Paste Records</a></li>
                <li><a href="/ej2-react/gantt/how-to/maintain-record-index">Update row drag and dropped index position on server side</a></li>
                <li><a href="/ej2-react/gantt/how-to/custom-field">Add Custom Fields in the General Tab in Add/Edit Dialog</a></li>
                <li><a href="/ej2-react/gantt/how-to/maintain-zoom-to-fit">Maintain ZoomToFit</a></li>
                <li><a href="/ej2-react/gantt/how-to/drag-and-drop-from-another">Drag and drop record from external component</a></li>
                <li><a href="/ej2-react/gantt/how-to/restrict-collapse-chart-rows">Restrict collapsing of records when clicking on Gantt chart rows</a></li>
            </ul>
        </li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/gantt/">API Reference</a></li>
    </ul>
</li>
<li>
    Grid
      <ul>
        <li>Getting Started
          <ul>
            <li><a href="/ej2-react/grid/getting-started">React</a></li>
            <li><a href="/ej2-react/grid/nextjs-getting-started">NextJS</a></li>
            <li><a href="/ej2-react/grid/sharepoint">SharePoint</a></li>
            <li><a href="/ej2-react/grid/preact">Preact</a></li>
          </ul>
        </li>
         <li><a href="/ej2-react/grid/module">Feature Modules</a></li>
         <li><a href="/ej2-react/grid/data-binding/data-binding">Data Binding</a>
           <ul>
             <li><a href="/ej2-react/grid/data-binding/local-data">Local Data</a></li>
             <li><a href="/ej2-react/grid/data-binding/remote-data">Remote Data</a></li>
             <li><a href="/ej2-react/grid/data-binding/redux-service">Redux Service</a></li>
            </ul>
         </li>
         <li>Connecting to Adaptors
          <ul>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/url-adaptor">Url Adaptor</a></li>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/odatav4-adaptor">ODataV4 Adaptor</a></li>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/webapi-adaptor">Web API Adaptor</a></li>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/graphql-adaptor">GraphQL Adaptor</a></li>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/web-method-adaptor">Web Method Adaptor</a></li>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/custom-adaptor">Custom Adaptor</a></li>
            <li><a href="/ej2-react/grid/connecting-to-adaptors/remote-save-adaptor">RemoteSave Adaptor</a></li>
          </ul>
        </li>
        <li>Connecting to Database
          <ul>
              <li><a href="/ej2-react/grid/connecting-to-database/microsoft-sql-server">Microsoft SQL Server</a></li>
              <li><a href="/ej2-react/grid/connecting-to-database/mysql-server">MySQL Server</a></li>
              <li><a href="/ej2-react/grid/connecting-to-database/postgresql-server">PostgreSQL Server</a></li>
              <li><a href="/ej2-react/grid/connecting-to-database/sqlite-server">SQLite Server</a></li>
              <li><a href="/ej2-react/grid/connecting-to-database/dapper">Dapper</a></li>
              <li><a href="/ej2-react/grid/connecting-to-database/entityframework">Entity Framework</a></li>
          </ul>
        </li>
         <li><a href="/ej2-react/grid/adaptive">Adaptive View</a></li>
         <li><a href="/ej2-react/grid/performance">Performance Best Practices</a></li>
         <li><a href="/ej2-react/grid/columns/columns">Columns</a>
           <ul>
             <li><a href="/ej2-react/grid/columns/column-rendering">Column Rendering</a></li>
             <li><a href="/ej2-react/grid/columns/column-headers">Column Headers</a></li>
             <li><a href="/ej2-react/grid/columns/column-template">Column Template</a></li>
             <li><a href="/ej2-react/grid/columns/foreign-key-column">ForeignKey Column</a></li>
             <li><a href="/ej2-react/grid/columns/column-reorder">Column Reorder</a></li>
             <li><a href="/ej2-react/grid/columns/column-resizing">Column Resizing</a></li>
             <li><a href="/ej2-react/grid/columns/frozen-column">Column Pinning (Frozen)</a></li>
             <li><a href="/ej2-react/grid/columns/column-chooser">Column Chooser</a></li>
             <li><a href="/ej2-react/grid/columns/column-menu">Column Menu</a></li>
             <li><a href="/ej2-react/grid/columns/column-spanning">Column Spanning</a></li>
           </ul>
         </li>
         <li><a href="/ej2-react/grid/row/row">Row</a>
            <ul>
              <li><a href="/ej2-react/grid/row/row-template">Row Template</a></li>
              <li><a href="/ej2-react/grid/row/detail-template">Detail Template</a></li>
              <li><a href="/ej2-react/grid/row/row-drag-and-drop">Row Drag and Drop</a></li>
              <li><a href="/ej2-react/grid/row/row-spanning">Row Spanning</a></li>
            </ul>
         </li>
         <li><a href="/ej2-react/grid/cell">Cell</a></li>
         <li><a href="/ej2-react/grid/editing/edit">Editing</a>
           <ul>
             <li><a href="/ej2-react/grid/editing/edit-types">Edit Types</a></li>
             <li><a href="/ej2-react/grid/editing/in-line-editing">Inline Editing</a></li>
             <li><a href="/ej2-react/grid/editing/dialog-editing">Dialog Editing</a></li>
             <li><a href="/ej2-react/grid/editing/template-editing">Template Editing</a></li>
             <li><a href="/ej2-react/grid/editing/batch-editing">Batch Editing</a></li>
             <li><a href="/ej2-react/grid/editing/command-column-editing">Command Column Editing</a></li>
             <li><a href="/ej2-react/grid/editing/validation">Validation</a></li>
             <li><a href="/ej2-react/grid/editing/persisting-data-in-server">Persisting Data in Server</a></li>
            </ul>
          </li>
          <li><a href="/ej2-react/grid/sorting">Sorting</a></li>
          <li><a href="/ej2-react/grid/grouping/grouping">Grouping</a>
            <ul>
              <li><a href="/ej2-react/grid/grouping/caption-template">Caption Template</a></li>
              <li><a href="/ej2-react/grid/grouping/lazy-load-grouping">Lazy Load Grouping</a></li>
            </ul>
          </li>
          <li><a href="/ej2-react/grid/filtering/filtering">Filtering</a>
            <ul>
               <li><a href="/ej2-react/grid/filtering/filter-bar">Filter Bar</a></li>
               <li><a href="/ej2-react/grid/filtering/filter-menu">Filter Menu</a></li>
               <li><a href="/ej2-react/grid/filtering/excel-like-filter">Excel Like Filter</a></li>
            </ul>
          </li>
          <li><a href="/ej2-react/grid/scrolling/scrolling">Scrolling</a>
            <ul>
              <li><a href="/ej2-react/grid/scrolling/virtual-scrolling">Virtual Scrolling</a></li>
              <li><a href="/ej2-react/grid/scrolling/infinite-scrolling">Infinite Scrolling</a></li>
            </ul>
          </li>
          <li><a href="/ej2-react/grid/searching">Searching</a></li>
          <li><a href="/ej2-react/grid/paging">Paging</a></li>
          <li><a href="/ej2-react/grid/selection/selection">Selection</a>
            <ul>
             <li><a href="/ej2-react/grid/selection/row-selection">Row Selection</a></li>
             <li><a href="/ej2-react/grid/selection/cell-selection">Cell Selection</a></li>
             <li><a href="/ej2-react/grid/selection/column-selection">Column Selection</a></li>
             <li><a href="/ej2-react/grid/selection/check-box-selection">Checkbox Selection</a></li>
           </ul>
          </li>
          <li><a href="/ej2-react/grid/aggregates/aggregates">Aggregates</a>
            <ul>
              <li><a href="/ej2-react/grid/aggregates/footer-aggregate">Footer Aggregate</a></li>
              <li><a href="/ej2-react/grid/aggregates/group-and-caption-aggregate">Group and Caption Aggregate</a></li>
              <li><a href="/ej2-react/grid/aggregates/custom-aggregate">Custom Aggregate</a></li>
              <li><a href="/ej2-react/grid/aggregates/reactive-aggregate">Reactive Aggregate</a></li>
            </ul>
          </li>
          <li><a href="/ej2-react/grid/print">Print</a></li>
          <li><a href="/ej2-react/grid/hierarchy-grid">Hierarchical Binding</a></li>
          <li><a href="/ej2-react/grid/state-management">State Management</a></li>
          <li><a href="/ej2-react/grid/tool-bar/tool-bar">Toolbar</a>
           <ul>
             <li><a href="/ej2-react/grid/tool-bar/tool-bar-items">Toolbar Items</a></li>
             <li><a href="/ej2-react/grid/tool-bar/custom-tool-bar">Custom Toolbar</a></li>
           </ul>
          </li>
          <li><a href="/ej2-react/grid/pdf-export/pdf-export">Pdf Export</a>
            <ul>
              <li><a href="/ej2-react/grid/pdf-export/pdf-export-options">PDF Export Options</a></li>
              <li><a href="/ej2-react/grid/pdf-export/adding-header-and-footer">Adding Header and Footer</a></li>
              <li><a href="/ej2-react/grid/pdf-export/exporting-with-templates">PDF Exporting with Templates</a></li>
              <li><a href="/ej2-react/grid/pdf-export/exporting-grid-in-server">Exporting Grid in Server</a></li>
            </ul>
          </li>
          <li><a href="/ej2-react/grid/excel-export/excel-exporting">Excel Export</a>
            <ul>
               <li><a href="/ej2-react/grid/excel-export/excel-export-options">Excel Export Options</a></li>
               <li><a href="/ej2-react/grid/excel-export/exporting-with-templates">Excel Exporting with Templates</a></li>
               <li><a href="/ej2-react/grid/excel-export/exporting-grid-in-server">Exporting Grid in Server</a></li>
             </ul>
          </li>
          <li><a href="/ej2-react/grid/global-local">Globalization</a></li>
          <li><a href="/ej2-react/grid/accessibility">Accessibility</a></li>
          <li><a href="/ej2-react/grid/clipboard">Clipboard</a></li>
          <li><a href="/ej2-react/grid/context-menu">Context Menu</a></li>
          <li><a href="/ej2-react/grid/integrate-chart-in-grid">Integrate Chart in Grid</a></li>
          <li><a href="/ej2-react/grid/style-and-appearance/style-and-appearance">Style and Appearance</a>
            <ul>
              <li><a href="/ej2-react/grid/style-and-appearance/header">Header</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/paging">Paging</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/sorting">Sorting</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/filtering">Filtering</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/grouping">Grouping</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/tool-bar">Toolbar</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/editing">Editing</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/aggregate">Aggregate</a></li>
              <li><a href="/ej2-react/grid/style-and-appearance/selection">Selection</a></li>
           </ul>
         </li>
         <li><a href="/ej2-react/grid/ej1-api-migration">Migration from Essential JS 1</a></li>
         <li>How To
            <ul>
              <li><a href="/ej2-react/grid/how-to/enable-disable-grid-and-its-actions">Enable/Disable Grid and its actions</a></li>
              <li><a href="/ej2-react/grid/how-to/exporting-grid-in-cordova-application">Exporting Grid in Cordova application</a></li>
              <li><a href="/ej2-react/grid/how-to/custom-helper-function-inside-loop-with-template">Use custom helper inside the loop with templates</a></li>
              <li><a href="/ej2-react/grid/how-to/resize-grid-in-various-dimension">Resize the grid in various dimension</a></li>
              <li><a href="/ej2-react/grid/how-to/how-to-prevent-component-re-rendering-while-updating-the-same-state-in-react">How to prevent component re-rendering while updating the same state in React</a></li>
              <li><a href="/ej2-react/grid/how-to/testing-the-react-application-using-jest">Testing the React application using Jest</a></li>
              <li><a href="/ej2-react/grid/how-to/create-a-routing-sample">Create a Routing Sample</a></li>
              <li><a href="/ej2-react/grid/how-to/customize-the-empty-record-template">Customize the empty record template</a></li>
           </ul>
        </li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/grid/">API Reference</a></li>
      </ul>
    </li>
<li>
HeatMap Chart
<ul>
<li><a href="/ej2-react/heatmap-chart/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/heatmap-chart/working-with-data">Working With Data</a></li>
<li><a href="/ej2-react/heatmap-chart/bubble-heatmap">Bubble HeatMap</a></li>
<li><a href="/ej2-react/heatmap-chart/rendering-mode">Rendering Modes</a></li>
<li><a href="/ej2-react/heatmap-chart/axis">Axis</a></li>
<li><a href="/ej2-react/heatmap-chart/palette">Palette</a></li>
<li><a href="/ej2-react/heatmap-chart/legend">Legend</a></li>
<li><a href="/ej2-react/heatmap-chart/appearance">Appearance</a></li>
<li><a href="/ej2-react/heatmap-chart/dimensions">Dimensions</a></li>
<li><a href="/ej2-react/heatmap-chart/tooltip">Tooltip</a></li>
<li><a href="/ej2-react/heatmap-chart/selection">Selection</a></li>
<li><a href="/ej2-react/heatmap-chart/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/heatmap-chart/events">Events</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/heatmap-chart/how-to/tool-tip-table">Create a table in tooltip</a></li>
<li><a href="/ej2-react/heatmap-chart/how-to/legend-customization">Legend label customization</a></li>
</ul>
</li>
<li><a href="/ej2-react/heatmap-chart/ej1-api-migration">EJ1 API</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/heatmap-chart/">API Reference</a></li>
</ul>
</li><li>
Image Editor
<ul>
<li><a href="/ej2-react/image-editor/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/image-editor/end-user-capabilities">End User Capabilities</a></li>
<li><a href="/ej2-react/image-editor/open-save">Open and Save</a></li>
<li><a href="/ej2-react/image-editor/selection-cropping">Selection and Cropping</a></li>
<li><a href="/ej2-react/image-editor/transform">Transform</a></li>
<li><a href="/ej2-react/image-editor/annotation">Annotation</a></li>
<li><a href="/ej2-react/image-editor/z-order">Z-Order</a></li>
<li><a href="/ej2-react/image-editor/quick-access">Quick Access Toolbar</a></li>
<li><a href="/ej2-react/image-editor/finetune">Finetune</a></li>
<li><a href="/ej2-react/image-editor/filter">Filter</a></li>
<li><a href="/ej2-react/image-editor/frame">Frame</a></li>
<li><a href="/ej2-react/image-editor/resize">Resize</a></li>
<li><a href="/ej2-react/image-editor/redact">Redact</a></li>
<li><a href="/ej2-react/image-editor/undo-redo">Undo Redo</a></li>
<li><a href="/ej2-react/image-editor/image-restrictions">Image Restrictions</a></li>
<li><a href="/ej2-react/image-editor/toolbar">Toolbar</a></li>
<li><a href="/ej2-react/image-editor/localization">Localization</a></li>
<li><a href="/ej2-react/image-editor/accessibility">Accessibility</a></li>
<li>How To
    <ul>
        <li><a href="/ej2-react/image-editor/how-to/reset">Reset an image</a></li>
        <li><a href="/ej2-react/image-editor/how-to/clear-image">Clear an Image</a></li>
        <li><a href="/ej2-react/image-editor/how-to/render-dialog">Render Dialog in Image Editor</a></li>
    </ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/image-editor/">API Reference</a></li>
</ul>
</li><li>
InplaceEditor
<ul>
<li><a href="/ej2-react/inplace-editor/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/inplace-editor/getting-started-functional">Getting Started using functional component</a></li>
<li><a href="/ej2-react/inplace-editor/components">List of Components</a></li>
<li><a href="/ej2-react/inplace-editor/configuration">Configuration</a></li>
<li><a href="/ej2-react/inplace-editor/buttons">Buttons</a></li>
<li><a href="/ej2-react/inplace-editor/server-actions">Server Actions</a></li>
<li><a href="/ej2-react/inplace-editor/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/inplace-editor/integration">Integrate HTML5 Components</a></li>
<li><a href="/ej2-react/inplace-editor/validation">Validation</a></li>
<li><a href="/ej2-react/inplace-editor/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/inplace-editor/style">Style and appearance</a></li>
<li><a href="/ej2-react/inplace-editor/localization">Globalization</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/inplace-editor/how-to/dynamic-edit-mode">Dynamically move input to edit mode</a></li>
<li><a href="/ej2-react/inplace-editor/how-to/disable-edit-mode">Disable the edit mode specifically</a></li>
<li><a href="/ej2-react/inplace-editor/how-to/custom-indication">Add custom indication to unsaved value</a></li>
<li><a href="/ej2-react/inplace-editor/how-to/custom-animation">Set custom Animation for popup mode</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/inplace-editor/">API Reference</a></li>
</ul>
</li><li>
Kanban
<ul>
<li><a href="/ej2-react/kanban/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/kanban/nextjs-getting-started">Getting Started with NextJS</a></li>
<li><a href="/ej2-react/kanban/columns">Columns</a></li>
<li><a href="/ej2-react/kanban/cards">Cards</a></li>
<li><a href="/ej2-react/kanban/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/kanban/swimlane">Swimlane</a></li>
<li><a href="/ej2-react/kanban/drag-and-drop">Drag and drop</a></li>
<li><a href="/ej2-react/kanban/sort">Sorting</a></li>
<li><a href="/ej2-react/kanban/dialog">Card Editing</a></li>
<li><a href="/ej2-react/kanban/tooltip">Tooltip</a></li>
<li><a href="/ej2-react/kanban/validation">WIP Validation</a></li>
<li><a href="/ej2-react/kanban/virtual-scrolling">Virtualization</a></li>
<li><a href="/ej2-react/kanban/localization">Localization</a></li>
<li><a href="/ej2-react/kanban/dimensions">Dimension of Kanban</a></li>
<li><a href="/ej2-react/kanban/persistence">Persistence</a></li>
<li><a href="/ej2-react/kanban/responsive-mode">Responsive Mode</a></li>
<li><a href="/ej2-react/kanban/style">Styling And Appearance</a></li>
<li><a href="/ej2-react/kanban/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/kanban/how-to/header-double-click">Bind header double click event</a></li>
<li><a href="/ej2-react/kanban/how-to/dynamically-change-columns">Dynamically Change columns</a></li>
<li><a href="/ej2-react/kanban/how-to/filter-cards">Filtering Cards</a></li>
<li><a href="/ej2-react/kanban/how-to/search-cards">Searching Cards</a></li>
</ul>
</li>
<li><a href="/ej2-react/kanban/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/kanban/">API Reference</a></li>
</ul>
</li><li>
Linear Gauge
<ul>
<li><a href="/ej2-react/linear-gauge/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/linear-gauge/dimensions">Dimensions</a></li>
<li><a href="/ej2-react/linear-gauge/axis">Axes</a></li>
<li><a href="/ej2-react/linear-gauge/ranges">Ranges</a></li>
<li><a href="/ej2-react/linear-gauge/pointers">Pointers</a></li>
<li><a href="/ej2-react/linear-gauge/annotations">Annotations</a></li>
<li><a href="/ej2-react/linear-gauge/animation">Animation</a></li>
<li><a href="/ej2-react/linear-gauge/user-interaction">User Interaction</a></li>
<li><a href="/ej2-react/linear-gauge/print-and-export">Print and Export</a></li>
<li><a href="/ej2-react/linear-gauge/appearance">Appearance</a></li>
<li><a href="/ej2-react/linear-gauge/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/linear-gauge/internationalization">Internationalization</a></li>
<li><a href="/ej2-react/linear-gauge/events">Events</a></li>
<li><a href="/ej2-react/linear-gauge/methods">Methods</a></li>
<li><a href="/ej2-react/linear-gauge/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/linear-gauge">API Reference</a></li>
</ul>
</li><li>
ListBox
<ul>
<li><a href="/ej2-react/list-box/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/list-box/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/list-box/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/list-box/drag-and-drop">Drag and Drop</a></li>
<li><a href="/ej2-react/list-box/dual-list-box">Dual Listbox</a></li>
<li><a href="/ej2-react/list-box/icons-and-templates">Icons and Customization</a></li>
<li><a href="/ej2-react/list-box/selection">Selection</a></li>
<li><a href="/ej2-react/list-box/sorting-and-grouping">Sorting and Grouping</a></li>
<li><a href="/ej2-react/list-box/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/list-box/how-to/add-items">Add Items</a></li>
<li><a href="/ej2-react/list-box/how-to/enable-or-disable-items">Enable/Disable Items</a></li>
<li><a href="/ej2-react/list-box/how-to/enable-scroller">Enable Scroller</a></li>
<li><a href="/ej2-react/list-box/how-to/form-submit">Form Submit</a></li>
<li><a href="/ej2-react/list-box/how-to/select-items">Select Items</a></li>
<li><a href="/ej2-react/list-box/how-to/filter-listbox">Filter ListBox Data Using TextBox Component</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/list-box/">API Reference</a></li>
</ul>
</li><li>
ListView
<ul>
<li><a href="/ej2-react/listview/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/listview/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/listview/grouping">Grouping</a></li>
<li><a href="/ej2-react/listview/check-list">Checklist</a></li>
<li><a href="/ej2-react/listview/nested-list">Nested List</a></li>
<li><a href="/ej2-react/listview/customizing-templates">Customizing Templates</a></li>
<li><a href="/ej2-react/listview/virtualization">Virtualization</a></li>
<li><a href="/ej2-react/listview/scrolling">Scrolling</a></li>
<li><a href="/ej2-react/listview/style">CSS Structure</a></li>
<li><a href="/ej2-react/listview/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/listview/ej1-api-migration">EJ1 Migration</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/listview/how-to/get-selected-items-from-listview">Get selected items from ListView</a></li>
<li><a href="/ej2-react/listview/how-to/use-dynamic-templates-in-listview-based-on-device">Use dynamic templates in ListView based on device</a></li>
<li><a href="/ej2-react/listview/how-to/create-dual-list-from-listview">Create Dual List from ListView</a></li>
<li><a href="/ej2-react/listview/how-to/load-list-items-in-child-list-dynamically">Load list items in child list dynamically</a></li>
<li><a href="/ej2-react/listview/how-to/customize-listview-with-dynamic-tags">Customize ListView with dynamic tags</a></li>
<li><a href="/ej2-react/listview/how-to/show-items-count-in-group-header">Show items count in Group Header</a></li>
<li><a href="/ej2-react/listview/how-to/filter-list-items-in-the-listview">Filter list items in the ListView</a></li>
<li><a href="/ej2-react/listview/how-to/add-and-remove-list-items-from-listview">Add and remove list items from ListView</a></li>
<li><a href="/ej2-react/listview/how-to/trace-all-events-in-listview">Trace all events in ListView</a></li>
<li><a href="/ej2-react/listview/how-to/create-mobile-contact-layout-from-listview">Create Mobile Contact layout from ListView</a></li>
<li><a href="/ej2-react/listview/how-to/display-spinner-until-list-items-are-loaded">Display spinner until list items are loaded</a></li>
<li><a href="/ej2-react/listview/how-to/hide-checkbox-in-listview">Hide checkbox in Listview</a></li>
<li><a href="/ej2-react/listview/how-to/manipulate-listview-as-grid-layout">Manipulate ListView as Grid Layout</a></li>
<li><a href="/ej2-react/listview/how-to/drag-and-drop-list-items">Drag and Drop list items</a></li>
<li><a href="/ej2-react/listview/how-to/load-html-content-via-ajax">Load HTML content via AJAX</a></li>
<li><a href="/ej2-react/listview/how-to/render-listview-with-hyper-link-navigation">Render ListView with hyper link navigation</a></li>
<li><a href="/ej2-react/listview/how-to/customize-listview-as-chat-window">Customize ListView as Chat Window</a></li>
<li><a href="/ej2-react/listview/how-to/integrate-paging-with-listview">Integrate Pager Component with ListView</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/list-view/">API Reference</a></li>
</ul>
</li><li>
Maps
<ul>
<li><a href="/ej2-react/maps/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/maps/nextjs-getting-started">Getting Started with NextJS</a></li>
<li><a href="/ej2-react/maps/populate-data">Populate Data</a></li>
<li><a href="/ej2-react/maps/layers">Layers</a></li>
<li>Providers
<ul>
<li><a href="/ej2-react/maps/providers/openstreetmap">OpenStreetMap</a></li>
<li><a href="/ej2-react/maps/providers/bing-maps">Bing Maps</a></li>
<li><a href="/ej2-react/maps/providers/azure-maps">Azure Maps</a></li>
<li><a href="/ej2-react/maps/providers/other-maps">Other Maps</a></li>
</ul>
</li>
<li><a href="/ej2-react/maps/customization">Customization</a></li>
<li><a href="/ej2-react/maps/color-mapping">Color Mapping</a></li>
<li><a href="/ej2-react/maps/data-label">Data Labels</a></li>
<li><a href="/ej2-react/maps/polygon">Polygon</a></li>
<li><a href="/ej2-react/maps/markers">Markers</a></li>
<li><a href="/ej2-react/maps/bubble">Bubble</a></li>
<li><a href="/ej2-react/maps/annotations">Annotation</a></li>
<li><a href="/ej2-react/maps/legend">Legend</a></li>
<li><a href="/ej2-react/maps/navigation-line">Navigation Lines</a></li>
<li><a href="/ej2-react/maps/user-interactions">User Interactions</a></li>
<li><a href="/ej2-react/maps/print">Print and Export</a></li>
<li><a href="/ej2-react/maps/state-persistence">State Persistence</a></li>
<li><a href="/ej2-react/maps/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/maps/internationalization">Internationalization</a></li>
<li><a href="/ej2-react/maps/localization">Localization</a></li>
<li><a href="/ej2-react/maps/methods">Methods</a></li>
<li><a href="/ej2-react/maps/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/maps/how-to/creating-routes-between-the-markers">Creating routes between the markers</a></li>
<li><a href="/ej2-react/maps/how-to/annotation">Annotation</a></li>
<li><a href="/ej2-react/maps/how-to/custom-path">Custom Path</a></li>
<li><a href="/ej2-react/maps/how-to/drilldown">Drilldown</a></li>
<li><a href="/ej2-react/maps/how-to/marker-type">Marker Type</a></li>
<li><a href="/ej2-react/maps/how-to/multiple-layer">Multilayer</a></li>
<li><a href="/ej2-react/maps/how-to/zooming">Zooming</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/maps/">API Reference</a></li>
</ul>
</li>
<li>
    Markdown Editor 
    <ul>
        <li><a href="/ej2-react/markdown-editor/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/markdown-editor/supported-markdown">Supported Markdown Syntax</a></li>
        <li><a href="/ej2-react/markdown-editor/toolbar">Toolbar Configuration</a></li>
        <li><a href="/ej2-react/markdown-editor/insert-table">Insert Table</a></li>
        <li><a href="/ej2-react/markdown-editor/insert-image">Insert Image</a></li>
        <li><a href="/ej2-react/markdown-editor/markdown-preview">Markdown to HTML Preview</a></li>
        <li><a href="/ej2-react/markdown-editor/custom-format">Customizing Markdown Syntax</a></li>
        <li><a href="/ej2-react/markdown-editor/mention-support">Mention Support</a></li>
        <li><a href="/ej2-react/markdown-editor/keyboard-support">Keyboard Shortcuts</a></li>
        <li><a href="/ej2-react/markdown-editor/accessibility">Accessibility</a></li>
    </ul>
</li><li>
MaskedTextBox
<ul>
<li><a href="/ej2-react/maskedtextbox/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/maskedtextbox/mask-configuration">Mask Configuration</a></li>
<li><a href="/ej2-react/maskedtextbox/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/maskedtextbox/react-functional-component">React functional component</a></li>
<li><a href="/ej2-react/maskedtextbox/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/maskedtextbox/how-to/perform-custom-validation-using-form-validator">Perform custom validation using FormValidator</a></li>
<li><a href="/ej2-react/maskedtextbox/how-to/set-cursor-position-while-focus-on-the-input-textbox">Set cursor position while focus on the input textbox</a></li>
<li><a href="/ej2-react/maskedtextbox/how-to/display-numeric-keypad-when-focus-on-mobile-devices">Display numeric keypad when focus on mobile devices</a></li>
<li><a href="/ej2-react/maskedtextbox/how-to/customize-the-ui-appearance-of-the-control">Customize the UI appearance of the control</a></li>
</ul>
</li>
<li><a href="/ej2-react/maskedtextbox/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/maskedtextbox/">API Reference</a></li>
</ul>
</li><li>
Mention
<ul>
<li><a href="/ej2-react/mention/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/mention/working-with-data">Working with Data</a></li>
<li><a href="/ej2-react/mention/filtering-data">Filtering Data</a></li>
<li><a href="/ej2-react/mention/sorting">Sorting</a></li>
<li><a href="/ej2-react/mention/disabled-items">Disabled Items</a></li>
<li><a href="/ej2-react/mention/template">Templates</a></li>
<li><a href="/ej2-react/mention/localization">Localization</a></li>
<li><a href="/ej2-react/mention/customization">Customization</a></li>
<li><a href="/ej2-react/mention/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/mention/">API Reference</a></li>
</ul>
</li><li>
Menu
<ul>
<li><a href="/ej2-react/menu/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/menu/icons-and-sub-menu-items">Icons and Sub menu items</a></li>
<li><a href="/ej2-react/menu/data-source-binding-and-custom-menu-items">Data source binding and Custom menu items</a></li>
<li><a href="/ej2-react/menu/use-case-scenarios">Use case scenarios</a></li>
<li><a href="/ej2-react/menu/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/menu/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/menu/how-to/render-with-separator">Menu Items with Separator</a></li>
<li><a href="/ej2-react/menu/how-to/change-orientation">Change orientation</a></li>
<li><a href="/ej2-react/menu/how-to/customize-menu-using-events">Customize menu using events</a></li>
<li><a href="/ej2-react/menu/how-to/customize-menu-items">Customize menu items</a></li>
<li><a href="/ej2-react/menu/how-to/create-mnemonic-ui-in-menuitem">Create mnemonic UI in menu item</a></li>
<li><a href="/ej2-react/menu/how-to/change-sub-menu-position">Change sub menu position</a></li>
<li><a href="/ej2-react/menu/how-to/rounded-corner">Menu with rounded corner</a></li>
<li><a href="/ej2-react/menu/how-to/change-animation-settings">Change animation settings</a></li>
<li><a href="/ej2-react/menu/how-to/right-to-left">Right to left</a></li>
<li><a href="/ej2-react/menu/how-to/set-title">Set title for Menu items</a></li>
<li><a href="/ej2-react/menu/how-to/menu-item-click">Open menu and sub menu on click only</a></li>
<li><a href="/ej2-react/menu/how-to/custom-attributes-menu-items">Customize HTML attributes for Menu items</a></li>
</ul>
</li>
<li><a href="/ej2-react/menu/ej1-api-migration">Migration from Essential JS 1</a></li>
</ul>
</li><li>
Message
<ul>
<li><a href="/ej2-react/message/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/message/severities">Severities</a></li>
<li><a href="/ej2-react/message/variants">Variants</a></li>
<li><a href="/ej2-react/message/icons">Icons</a></li>
<li><a href="/ej2-react/message/customization">Customization</a></li>
<li><a href="/ej2-react/message/template">Template</a></li>
<li><a href="/ej2-react/message/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/message/">API Reference</a></li>
</ul>
</li><li>
    MultiColumn ComboBox
    <ul>
        <li><a href="/ej2-react/multicolumn-combobox/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/data-binding">Data Binding</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/items">Items</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/columns">Columns</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/grouping">Grouping</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/sorting">Sorting</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/filtering">Filtering</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/virtualization">Virtualization</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/templates">Templates</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/localization">Localization</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/accessibility">Accessiblity</a></li>
        <li><a href="/ej2-react/multicolumn-combobox/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/multicolumn-combobox/">API Reference</a></li>
    </ul>
  </li><li>
MultiSelect
<ul>
<li><a href="/ej2-react/multi-select/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/multi-select/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/multi-select/value-binding">Value Binding</a></li>
<li><a href="/ej2-react/multi-select/templates">Templates</a></li>
<li><a href="/ej2-react/multi-select/grouping">Grouping</a></li>
<li><a href="/ej2-react/multi-select/disabled-items">Disabled Items</a></li>
<li><a href="/ej2-react/multi-select/filtering">Filtering</a></li>
<li><a href="/ej2-react/multi-select/custom-value">Custom Value</a></li>
<li><a href="/ej2-react/multi-select/virtual-scroll">Virtualization</a></li>
<li><a href="/ej2-react/multi-select/checkbox">CheckBox</a></li>
<li><a href="/ej2-react/multi-select/chip-customization">Chip Customization</a></li>
<li><a href="/ej2-react/multi-select/localization">Localization</a></li>
<li><a href="/ej2-react/multi-select/style">Style and appearance</a></li>
<li><a href="/ej2-react/multi-select/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/multi-select/resize">Popup Resize</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/multi-select/how-to/icons-support">Show the list items with icons</a></li>
<li><a href="/ej2-react/multi-select/how-to/cascading">Validate MultiSelect</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/multi-select/">API Reference</a></li>
</ul>
</li><li>
NumericTextBox
<ul>
<li><a href="/ej2-react/numerictextbox/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/numerictextbox/formats">Number Formats</a></li>
<li><a href="/ej2-react/numerictextbox/globalization">Globalization</a></li>
<li><a href="/ej2-react/numerictextbox/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/numerictextbox/react-functional-component">React functional component</a></li>
<li><a href="/ej2-react/numerictextbox/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/numerictextbox/how-to/customize-the-ui-appearance-of-the-control">Customize the UI appearance of the control</a></li>
<li><a href="/ej2-react/numerictextbox/how-to/customize-the-spin-buttons-up-and-down-arrow">Customize the spin button’s up and down arrow</a></li>
<li><a href="/ej2-react/numerictextbox/how-to/customize-the-step-value-and-hide-spin-buttons">Customize the step value and hide spin buttons</a></li>
<li><a href="/ej2-react/numerictextbox/how-to/maintain-trailing-zeros-in-numerictextbox">Maintain trailing zeros in NumericTextBox</a></li>
<li><a href="/ej2-react/numerictextbox/how-to/perform-custom-validation-using-form-validator">Perform custom validation using FormValidator</a></li>
<li><a href="/ej2-react/numerictextbox/how-to/prevent-nullable-input-in-numerictextbox">Prevent nullable input in NumericTextBox</a></li>
</ul>
</li>
<li><a href="/ej2-react/numerictextbox/ej1-api-migration">Migration from Essential JS 1</a></li>
</ul>
</li><li>
    OTP Input
    <ul>
        <li><a href="/ej2-react/otp-input/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/otp-input/input-types">Input Types</a></li>
        <li><a href="/ej2-react/otp-input/styling-modes">Styling Modes</a></li>
        <li><a href="/ej2-react/otp-input/placeholder">Placeholder</a></li>
        <li><a href="/ej2-react/otp-input/separator">Separator</a></li>
        <li><a href="/ej2-react/otp-input/appearance">Appearance</a></li>
        <li><a href="/ej2-react/otp-input/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/otp-input/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/otp-input"></a>API Reference</li>
    </ul>
</li><li>
    Pager
      <ul>
        <li><a href="/ej2-react/pager/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/pager/style-and-appearance">Style and Appearance</a></li>
        <li><a href="/ej2-react/pager/accessibility">Accessibility</a></li>
      </ul>
</li><li>
PivotTable
<ul>
<li>Getting Started
<ul>
<li><a href="/ej2-react/pivotview/getting-started">React</a></li>
<li><a href="/ej2-react/pivotview/nextjs-getting-started">NextJS</a></li>
</ul>
</li>
<li><a href="/ej2-react/pivotview/data-binding">Data Binding</a></li>
<li>Connecting to data source
<ul>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/mysql">MySQL</a></li>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/microsoft-sql-server">Microsoft SQL Server</a></li>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/postgresql">PostgreSQL</a></li>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/oracle">Oracle</a></li>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/mongodb">MongoDB</a></li>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/elasticsearch">Elasticsearch</a></li>
<li><a href="/ej2-react/pivotview/connecting-to-data-source/snowflake">Snowflake</a></li> 
</ul>
</li>
<li><a href="/ej2-react/pivotview/olap">OLAP</a></li>
<li><a href="/ej2-react/pivotview/server-side-pivot-engine">Server-side Engine</a></li>
<li><a href="/ej2-react/pivotview/pivot-chart">Pivot Chart</a></li>
<li><a href="/ej2-react/pivotview/classic-layout">Classic Layout</a></li>
<li><a href="/ej2-react/pivotview/drill-down">Drill Down/Up</a></li>
<li>Data Shaping
<ul>
<li><a href="/ej2-react/pivotview/aggregation">Aggregation</a></li>
<li><a href="/ej2-react/pivotview/calculated-field">Calculated Field</a></li>
<li><a href="/ej2-react/pivotview/grouping">Grouping</a></li>
<li><a href="/ej2-react/pivotview/filtering">Filtering</a></li>
<li><a href="/ej2-react/pivotview/sorting">Sorting</a></li>
<li><a href="/ej2-react/pivotview/drill-through">Drill Through</a></li>
<li><a href="/ej2-react/pivotview/editing">Editing</a></li>
</ul>
</li>
<li>Data Formatting
<ul>
<li><a href="/ej2-react/pivotview/number-formatting">Number Formatting</a></li>
<li><a href="/ej2-react/pivotview/conditional-formatting">Conditional Formatting</a></li>
</ul>
</li>
<li>Report Manipulation
<ul>
<li><a href="/ej2-react/pivotview/grouping-bar">Grouping Bar</a></li>
<li><a href="/ej2-react/pivotview/field-list">Field List</a></li>
<li><a href="/ej2-react/pivotview/defer-update">Defer Layout Update</a></li>
<li><a href="/ej2-react/pivotview/save-and-load">Export and import reports as JSON through custom toolbar options</a></li>
</ul>
</li>
<li>Performance
<ul>
<li><a href="/ej2-react/pivotview/virtual-scrolling">Virtual Scrolling</a></li>
<li><a href="/ej2-react/pivotview/paging">Paging</a></li>
<li><a href="/ej2-react/pivotview/data-compression">Data Compression</a></li>
<li><a href="/ej2-react/pivotview/performance-best-practices">Performance Best Practices</a></li>
</ul>
</li>
<li><a href="/ej2-react/pivotview/state-persistence">State Persistence</a></li>
<li><a href="/ej2-react/pivotview/row-and-column">Row and Column</a></li>
<li><a href="/ej2-react/pivotview/show-hide-totals">Show/Hide Totals</a></li>
<li><a href="/ej2-react/pivotview/hyper-link">Hyperlink</a></li>
<li><a href="/ej2-react/pivotview/tool-bar">Toolbar</a></li>
<li><a href="/ej2-react/pivotview/tool-tip">Tooltip</a></li>
<li><a href="/ej2-react/pivotview/css-customization">Style and Appearance</a></li>
<li>Printing and Exporting
<ul>
<li><a href="/ej2-react/pivotview/print">Printing</a></li>
<li><a href="/ej2-react/pivotview/excel-export">Excel Exporting</a></li>
<li><a href="/ej2-react/pivotview/pdf-export">PDF Exporting</a></li>
</ul>
</li>
<li><a href="/ej2-react/pivotview/globalization-and-localization">Globalization</a></li>
<li><a href="/ej2-react/pivotview/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/pivotview/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/pivotview/how-to/switching-older-themes-style">Switching to older themes style</a></li>
<li><a href="/ej2-react/pivotview/how-to/customize-number-date-and-time-values">Customize number, date, and time values</a></li>
<li><a href="/ej2-react/pivotview/how-to/customize-the-icons-for-pivot-table">Customize the icons for pivot table</a></li>
<li><a href="/ej2-react/pivotview/how-to/configure-data-grid-options-on-editing-mode">Configure data grid options on editing mode</a></li>
<li><a href="/ej2-react/pivotview/how-to/refresh-the-field-list">Refresh the field list while change the data source</a></li>
<li><a href="/ej2-react/pivotview/how-to/hide-empty-headers">Hide empty headers</a></li>
<li><a href="/ej2-react/pivotview/how-to/customizing-loading-indicator">Customizing loading indicator</a></li>
<li><a href="/ej2-react/pivotview/how-to/changing-the-pivotview-component-minimum-height">Changing the Pivot Table component's minimum height</a></li>
<li><a href="/ej2-react/pivotview/how-to/configuring-the-pivotview-component-minimum-width">Configuring the minimum width in the pivot table component</a></li>
<li><a href="/ej2-react/pivotview/how-to/chart-based-on-pivot-table-selection">Render chart control based on cell selection</a></li>
<li><a href="/ej2-react/pivotview/how-to/drill-through-grid-cell-edit-type">Drill-through grid's cell edit type</a></li>
<li><a href="/ej2-react/pivotview/how-to/show-field-list-when-pivot-table-empty">Show field list when pivot table is empty</a></li>
<li><a href="/ej2-react/pivotview/how-to/apply-custom-styles-to-pivot-cells">Apply custom styles to pivot cells</a></li>
<li><a href="/ej2-react/pivotview/how-to/show-custom-tooltip-for-row-and-column-headers">Show custom tooltip for row and column headers</a></li>
<li><a href="/ej2-react/pivotview/how-to/hide-specific-columns-in-pivot-table">Hide specific columns in pivot table</a></li>
<li><a href="/ej2-react/pivotview/how-to/export-table-and-chart-into-the-same-document-using-toolbar">Export table and chart into the same document using toolbar</a></li>
<li><a href="/ej2-react/pivotview/how-to/add-custom-aggregation-type-in-menu">Add custom aggregation type to the menu</a></li>
<li><a href="/ej2-react/pivotview/how-to/bind-complex-data-to-the-pivot-table">Convert complex JSON to flat JSON and assign it to the pivot table</a></li>
<li><a href="/ej2-react/pivotview/how-to/load-pre-defined-report-in-initial-rendering">Load desired report from the report list as default</a></li>
<li><a href="/ej2-react/pivotview/how-to/display-value-in-hrs-min-sec-format">Display string value to pivot table values</a></li>
<li><a href="/ej2-react/pivotview/how-to/apply-condition-based-hyper-link-for-specific-row-or-column">Apply condition based hyper link for specific row or column</a></li>
<li><a href="/ej2-react/pivotview/how-to/apply-conditional-formatting-for-specific-row-or-column">Apply conditional formatting for specific row or column</a></li>
<li><a href="/ej2-react/pivotview/how-to/change-load-limited-data-in-member-editor">Change load limited data in member editor</a></li>
<li><a href="/ej2-react/pivotview/how-to/customize-cells-elements">Customize cells elements</a></li>
<li><a href="/ej2-react/pivotview/how-to/customize-empty-value-cells">Customize empty value cells</a></li>
<li><a href="/ej2-react/pivotview/how-to/perform-cell-selection-and-get-selected-cells-information">Perform cell selection and get selected cells information</a></li>
<li><a href="/ej2-react/pivotview/how-to/show-hide-tool-tip">Show hide tool tip</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/pivotview/">API Reference</a></li>
</ul>
</li>
<li>
Predefined dialogs
<ul>
<li><a href="/ej2-react/predefined-dialogs/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/predefined-dialogs/draggable">Draggable</a></li>
<li><a href="/ej2-react/predefined-dialogs/animation">Animation</a></li>
<li><a href="/ej2-react/predefined-dialogs/position">Position</a></li>
<li><a href="/ej2-react/predefined-dialogs/dimension">Dimension</a></li>
<li><a href="/ej2-react/predefined-dialogs/customization">Customization of predefined dialogs</a></li>
</ul>
</li>
<li>
Progress bar
<ul>
<li><a href="/ej2-react/progress-bar/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/progress-bar/types">Types</a></li>
<li><a href="/ej2-react/progress-bar/tooltip">Tooltip</a></li>
<li><a href="/ej2-react/progress-bar/states">States</a></li>
<li><a href="/ej2-react/progress-bar/customization">Customization</a></li>
<li><a href="/ej2-react/progress-bar/annotation">Annotation and label</a></li>
<li><a href="/ej2-react/progress-bar/animation">Animation</a></li>
<li><a href="/ej2-react/progress-bar/range">Range</a></li>
<li><a href="/ej2-react/progress-bar/events">Events</a></li>
<li><a href="/ej2-react/progress-bar/accessibility">Accessibility</a></li>
</ul>
</li><li>
ProgressButton
<ul>
<li><a href="/ej2-react/progress-button/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/progress-button/spinner-and-progress">Spinner and Progress</a></li>
<li><a href="/ej2-react/progress-button/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/progress-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/progress-button/how-to/change-the-text-content-and-styles-of-the-progressbutton-during-progress">Change the text content and styles of the ProgressButton during progress</a></li>
<li><a href="/ej2-react/progress-button/how-to/customize-progress-using-cssclass">Customize progress using cssClass</a></li>
<li><a href="/ej2-react/progress-button/how-to/hide-spinner">Hide spinner</a></li>
<li><a href="/ej2-react/progress-button/how-to/enable-progress-in-button">Enable progress in Button</a></li>
<li><a href="/ej2-react/progress-button/how-to/trace-events-of-progress-button">Trace events of ProgressButton</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/progress-button/">API Reference</a></li>
</ul>
</li><li>
Query Builder
<ul>
<li><a href="/ej2-react/query-builder/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/query-builder/columns">Column Binding</a></li>
<li><a href="/ej2-react/query-builder/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/query-builder/filtering">Filtering</a></li>
<li><a href="/ej2-react/query-builder/templates">Templates</a></li>
<li><a href="/ej2-react/query-builder/model-binding">Model Binding</a></li>
<li><a href="/ej2-react/query-builder/import-export">Importing and Exporting</a></li>
<li><a href="/ej2-react/query-builder/lock-group-rule">Lock Group/Rule</a></li>
<li><a href="/ej2-react/query-builder/clone-group-rule">Clone Group/Rule</a></li>
<li><a href="/ej2-react/query-builder/drag-and-drop">Drag and Drop</a></li>
<li><a href="/ej2-react/query-builder/separate-connector">Separate Connector</a></li>
<li><a href="/ej2-react/query-builder/global-local">Localization</a></li>
<li><a href="/ej2-react/query-builder/style-and-appearance">Styles and Appearances</a></li>
<li><a href="/ej2-react/query-builder/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/query-builder/how-to/render-with-rule">Render with Rules</a></li>
<li><a href="/ej2-react/query-builder/how-to/display-mode">Change display mode</a></li>
<li><a href="/ej2-react/query-builder/how-to/sort-columns">Sort the columns</a></li>
<li><a href="/ej2-react/query-builder/how-to/restrict-groups">Set maximum group count</a></li>
<li><a href="/ej2-react/query-builder/how-to/state-persistence">Maintain the state persistence</a></li>
<li><a href="/ej2-react/query-builder/how-to/rtl">Right to left (RTL)</a></li>
<li><a href="/ej2-react/query-builder/how-to/summary-view">Summary View</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/query-builder/">API Reference</a></li>
</ul>
</li><li>
RadioButton
<ul>
<li><a href="/ej2-react/radio-button/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/radio-button/label-and-size">Label and Size</a></li>
<li><a href="/ej2-react/radio-button/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/radio-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/radio-button/how-to/change-radiobutton-state">Change RadioButton state</a></li>
<li><a href="/ej2-react/radio-button/how-to/customize-radiobutton-appearance">Customize RadioButton Appearance</a></li>
<li><a href="/ej2-react/radio-button/how-to/name-and-value-in-form-submit">Name and Value in form submit</a></li>
<li><a href="/ej2-react/radio-button/how-to/right-to-left">Right-To-Left</a></li>
<li><a href="/ej2-react/radio-button/how-to/set-the-disabled-state">Set the disabled state</a></li>
</ul>
</li>
<li><a href="/ej2-react/radio-button/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/radio-button/">API Reference</a></li>
</ul>
</li><li>
Range Navigator
<ul>
<li><a href="/ej2-react/range-navigator/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/range-navigator/selecting-range">Range</a></li>
<li><a href="/ej2-react/range-navigator/lightweight">Lightweight</a></li>
<li><a href="/ej2-react/range-navigator/series-types">Series Types</a></li>
<li><a href="/ej2-react/range-navigator/data">Types of Data</a></li>
<li><a href="/ej2-react/range-navigator/period-selector">Period Selector</a></li>
<li><a href="/ej2-react/range-navigator/labels">Labels</a></li>
<li><a href="/ej2-react/range-navigator/grid-tick">Grid and Tick Lines</a></li>
<li><a href="/ej2-react/range-navigator/customization">Customization</a></li>
<li><a href="/ej2-react/range-navigator/tool-tip">Tooltip</a></li>
<li><a href="/ej2-react/range-navigator/r-t-l">RTL</a></li>
<li><a href="/ej2-react/range-navigator/export-print">Export and Print</a></li>
<li><a href="/ej2-react/range-navigator/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/range-navigator/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/range-navigator">API Reference</a></li>
</ul>
</li><li>
Range Slider
<ul>
<li><a href="/ej2-react/range-slider/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/range-slider/ticks">Ticks</a></li>
<li><a href="/ej2-react/range-slider/format">Format</a></li>
<li><a href="/ej2-react/range-slider/limits">Limits</a></li>
<li><a href="/ej2-react/range-slider/style">CSS Structure</a></li>
<li><a href="/ej2-react/range-slider/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/range-slider/ej1-api-migration">EJ1 Migration</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/range-slider/how-to/time-range-slider">Time range slider</a></li>
<li><a href="/ej2-react/range-slider/how-to/date-range-slider">Date range slider</a></li>
<li><a href="/ej2-react/range-slider/how-to/numeric-range-slider">Numeric range slider</a></li>
<li><a href="/ej2-react/range-slider/how-to/customize-slider-bar">Customize Slider bar</a></li>
<li><a href="/ej2-react/range-slider/how-to/customize-slider-limits">Customize Slider limits</a></li>
<li><a href="/ej2-react/range-slider/how-to/customize-slider-ticks-label">Customize Slider ticks label</a></li>
<li><a href="/ej2-react/range-slider/how-to/customize-slider-thumb">Customize Slider thumb</a></li>
<li><a href="/ej2-react/range-slider/how-to/form-slider-with-formvalidator">Form Slider with Form Validator</a></li>
<li><a href="/ej2-react/range-slider/how-to/show-slider-from-hidden-state">Show Slider From hidden state</a></li>
<li><a href="/ej2-react/range-slider/how-to/reversible-slider">Reversible Slider</a></li>  
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/slider/">API Reference</a></li>
</ul>
</li>
<li>
Rating
<ul>
<li><a href="/ej2-react/rating/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/rating/precision-modes">Precision Modes</a></li>
<li><a href="/ej2-react/rating/labels">Labels</a></li>
<li><a href="/ej2-react/rating/tooltip">Tooltip</a></li>
<li><a href="/ej2-react/rating/selection">Selection</a></li>
<li><a href="/ej2-react/rating/templates">Templates</a></li>
<li><a href="/ej2-react/rating/events">Events</a></li>
<li><a href="/ej2-react/rating/appearance">Appearance</a></li>
<li><a href="/ej2-react/rating/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/rating/">API Reference</a></li>
</ul>
</li><li>
Ribbon
    <ul>
        <li><a href="/ej2-react/ribbon/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/ribbon/modules">Feature Modules</a></li>
        <li><a href="/ej2-react/ribbon/tabs-groups">Tabs and Groups</a></li>
        <li><a href="/ej2-react/ribbon/items">Ribbon Items</a></li>
        <li><a href="/ej2-react/ribbon/layouts">Ribbon Layouts</a></li>        
        <li><a href="/ej2-react/ribbon/filemenu">File Menu</a></li>
        <li><a href="/ej2-react/ribbon/backstage">Backstage Menu</a></li>
        <li><a href="/ej2-react/ribbon/contextual-tabs">Contextual Tabs</a></li>
        <li><a href="/ej2-react/ribbon/keytip">Ribbon Keytips</a></li>
        <li><a href="/ej2-react/ribbon/gallery-items">Ribbon Gallery</a></li>
        <li><a href="/ej2-react/ribbon/help-pane-template">Help Pane Template</a></li>
        <li><a href="/ej2-react/ribbon/tooltip">Tooltip</a></li>
        <li><a href="/ej2-react/ribbon/resizing">Resizing</a></li>
        <li><a href="/ej2-react/ribbon/events">Events</a></li>
        <li><a href="/ej2-react/ribbon/accessibility">Accessibility</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/ribbon/">API Reference</a></li>
    </ul>
</li><li>
RichTextEditor
<ul>
<li><a href="/ej2-react/rich-text-editor/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/rich-text-editor/module">Feature Module Injection</a></li>
<li><a href="/ej2-react/rich-text-editor/editor-value">Managing Editor Value</a></li>
<li>Toolbar
    <ul>
        <li><a href="/ej2-react/rich-text-editor/toolbar/toolbar-types">Toolbar Types</a></li>
        <li><a href="/ej2-react/rich-text-editor/toolbar/toolbar-position">Toolbar Position</a></li>
        <li><a href="/ej2-react/rich-text-editor/toolbar/quick-toolbar">Quick Toolbar</a></li>
    </ul>
</li>
<li>Tools
    <ul>
        <li><a href="/ej2-react/rich-text-editor/tools/built-in-tools">Built-in Tools</a></li>
        <li><a href="/ej2-react/rich-text-editor/tools/custom-tools">Custom Tools</a></li>
        <li><a href="/ej2-react/rich-text-editor/tools/text-formatting">Text formatting and structural</a></li>
        <li><a href="/ej2-react/rich-text-editor/tools/styling-tools">Styling Tools</a></li>
    </ul>
</li>
<li>Editor Types
    <ul>
        <li><a href="/ej2-react/rich-text-editor/editor-types/editor-modes">Editor Render Mode</a></li>
        <li><a href="/ej2-react/rich-text-editor/editor-types/iframe">Iframe Editor</a></li>
        <li><a href="/ej2-react/rich-text-editor/editor-types/inline-editing">Inline Editor</a></li>
        <li><a href="/ej2-react/rich-text-editor/editor-types/resizable-editor">Resizable Editor</a></li>
    </ul>
</li>
<li>Insert Image and Media
    <ul>
        <li><a href="/ej2-react/rich-text-editor/insert-image-media/insert-images">Insert Image</a></li>
        <li><a href="/ej2-react/rich-text-editor/insert-image-media/audio">Insert Audio</a></li>
        <li><a href="/ej2-react/rich-text-editor/insert-image-media/video">Insert Video</a></li>
        <li><a href="/ej2-react/rich-text-editor/insert-image-media/file-browser">File Browser Support</a></li>
    </ul>
</li>
<li>Smart Editing
    <ul>
        <li><a href="/ej2-react/rich-text-editor/smart-editing/emoji-picker">Emoji Picker</a></li>
        <li><a href="/ej2-react/rich-text-editor/smart-editing/mentions">Mention Integration</a></li>
        <li><a href="/ej2-react/rich-text-editor/smart-editing/slash-menu">Slash Commands</a></li>
    </ul>
</li>
<li>Validation and Security
    <ul>
        <li><a href="/ej2-react/rich-text-editor/validation-security/form-support">Forms Support</a></li>
        <li><a href="/ej2-react/rich-text-editor/validation-security/read-only-mode">Controlling Editor Access</a></li>
        <li><a href="/ej2-react/rich-text-editor/validation-security/xhtml-validation">Content Validation and Security in XHTML</a></li>
    </ul>
</li>
<li><a href="/ej2-react/rich-text-editor/link">Link Manipulation</a></li>
<li><a href="/ej2-react/rich-text-editor/table">Table Manipulation</a></li>
<li><a href="/ej2-react/rich-text-editor/code-block">Code Block</a></li>
<li><a href="/ej2-react/rich-text-editor/paste-cleanup">Paste Clean-up</a></li>
<li><a href="/ej2-react/rich-text-editor/enter-key-configuration">Enter Key Configuration</a></li>
<li><a href="/ej2-react/rich-text-editor/undo-redo">Undo and Redo</a></li>
<li><a href="/ej2-react/rich-text-editor/import-and-export">Content Import/Export</a></li>
<li><a href="/ej2-react/rich-text-editor/exec-command">Execute Command</a></li>
<li><a href="/ej2-react/rich-text-editor/style">Style and Appearance Customization</a></li>
<li><a href="/ej2-react/rich-text-editor/style-encapsulation">Style Encapsulation</a></li>
<li><a href="/ej2-react/rich-text-editor/spell-grammar-check">Spell and Grammar Check</a></li>
<li><a href="/ej2-react/rich-text-editor/third-party-integration">Third-Party Integration</a></li>
<li><a href="/ej2-react/rich-text-editor/globalization">Globalization</a></li>
<li><a href="/ej2-react/rich-text-editor/keyboard-support">Keyboard shortcuts</a></li>
<li><a href="/ej2-react/rich-text-editor/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/rich-text-editor/how-to/richtexteditor-inside-dialog">Integrating Rich Text Editor in Dialog Components</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/richtexteditor-inside-tab">Integrating Rich Text Editor in Tab Components</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/check-image-size">Check image size</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/positioning-cursor-at-the-end-of-the-content">Positioning Cursor at Content End in Rich Text Editor</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/set-the-cursor-at-the-specific-range">Set the cursor at the specific range</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/capture-ctrls-to-update-the-value">Implementing Ctrl+s Shortcut for Value Updates</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/rename-images-in-server">Rename images before inserting it in Rich Text Editor</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/file-attachments">Managing File Attachments</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/format-code-block">Format code block using toolbar button</a></li>
<li><a href="/ej2-react/rich-text-editor/how-to/tailwind-preflight">Format code block using toolbar button</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/rich-text-editor/">API Reference</a></li>
</ul>
</li>
<li>
Schedule
<ul>
<li>Getting Started
<ul>
<li><a href="/ej2-react/schedule/getting-started">React</a></li>
<li><a href="/ej2-react/schedule/nextjs-getting-started">NextJS</a></li>
<li><a href="/ej2-react/schedule/preact">Preact</a></li>
</ul>
</li>
<li><a href="/ej2-react/schedule/module-injection">Module Injection</a></li>
<li><a href="/ej2-react/schedule/scheduler-interactions">Scheduler Interactions</a></li>
<li><a href="/ej2-react/schedule/appointments">Appointments</a></li>
<li><a href="/ej2-react/schedule/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/schedule/crud-actions">CRUD Actions</a></li>
<li><a href="/ej2-react/schedule/virtual-scrolling">Virtual Scrolling</a></li>
<li><a href="/ej2-react/schedule/editor-template">Editor Window Customization</a></li>
<li><a href="/ej2-react/schedule/timezone">Timezone</a></li>
<li><a href="/ej2-react/schedule/views">Views</a></li>
<li><a href="/ej2-react/schedule/calendar-mode">Calendar Mode</a></li>
<li><a href="/ej2-react/schedule/resources">Resources and Grouping</a></li>
<li><a href="/ej2-react/schedule/header-rows">Timeline Header Rows</a></li>
<li><a href="/ej2-react/schedule/row-auto-height">Row Auto Height</a></li>
<li><a href="/ej2-react/schedule/header-bar">Header Customization</a></li>
<li><a href="/ej2-react/schedule/timescale">Timescale Customization</a></li>
<li><a href="/ej2-react/schedule/working-days">Working Days and Hours</a></li>
<li><a href="/ej2-react/schedule/cell-customization">Cell Customizations</a></li>
<li><a href="/ej2-react/schedule/state-persistence">State Persistence</a></li>
<li><a href="/ej2-react/schedule/exporting">Exporting</a></li>
<li><a href="/ej2-react/schedule/context-menu">Context Menu</a></li>
<li><a href="/ej2-react/schedule/clipboard">Clipboard</a></li>
<li><a href="/ej2-react/schedule/dimensions">Scheduler Dimensions</a></li>
<li><a href="/ej2-react/schedule/recurrence-editor">Recurrence Editor</a></li>
<li><a href="/ej2-react/schedule/localization">Globalization</a></li>
<li><a href="/ej2-react/schedule/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/schedule/scheduler-styling">Styling And Appearance</a></li>
<li><a href="/ej2-react/schedule/frequently-asked-questions">FAQ</a></li>
<li><a href="/ej2-react/schedule/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/schedule/how-to/add-edit-and-remove-events">Perform CRUD Actions Dynamically</a></li>
<li><a href="/ej2-react/schedule/how-to/set-default-value-for-event-fields">Set Default Value for Event Fields</a></li>
<li><a href="/ej2-react/schedule/how-to/open-event-editor-manually">Open Editor Window Manually</a></li>
<li><a href="/ej2-react/schedule/how-to/prevent-date-navigation">Prevent the Date Navigation</a></li>
<li><a href="/ej2-react/schedule/how-to/half-yearly-view">Show half-yearly view</a></li>
<li><a href="/ej2-react/schedule/how-to/set-different-event-time-duration">Set Different Event Time Duration</a></li>
<li><a href="/ej2-react/schedule/how-to/set-different-work-hours">Set Different Working Hours on Different Days</a></li>
<li><a href="/ej2-react/schedule/how-to/show-quick-info-template">Show Quick Info Template</a></li>
<li><a href="/ej2-react/schedule/how-to/display-multiple-colors-in-single-event">Display Multiple Colors in Single Event</a></li>
<li><a href="/ej2-react/schedule/how-to/enable-scroll-option-on-all-day-section">Enable scroll option on all-day section</a></li>
<li><a href="/ej2-react/schedule/how-to/manual-refresh">Manual Refresh</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/schedule/">API Reference</a></li>
</ul>
</li><li>
Sidebar
<ul>
<li><a href="/ej2-react/sidebar/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/sidebar/custom-context">Target</a></li>
<li><a href="/ej2-react/sidebar/variations">Types and Positions</a></li>
<li><a href="/ej2-react/sidebar/auto-close">Auto Close</a></li>
<li><a href="/ej2-react/sidebar/docking-sidebar">Dock</a></li>
<li><a href="/ej2-react/sidebar/style">Styles and Appearance</a></li>
<li><a href="/ej2-react/sidebar/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/sidebar/how-to/sidebar-with-listview">Sidebar with ListView</a></li>
<li><a href="/ej2-react/sidebar/how-to/open-close-sidebar">Open and Close the Sidebar</a></li>
<li><a href="/ej2-react/sidebar/how-to/multiple-sidebar">Multiple Sidebar</a></li>
<li><a href="/ej2-react/sidebar/how-to/sidebar-with-treeview">Sidebar with TreeView</a></li>
<li><a href="/ej2-react/sidebar/how-to/fixed-sidebar">Fixed Sidebar</a></li>
<li><a href="/ej2-react/sidebar/how-to/sidebar-with-variation-animation">Sidebar with Custom Animation</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/sidebar/">API Reference</a></li>
</ul>
</li><li>
Signature
<ul>
<li><a href="/ej2-react/signature/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/signature/customization">Customization</a></li>
<li><a href="/ej2-react/signature/open-save">Open and Save</a></li>
<li><a href="/ej2-react/signature/draw">Draw a Signature</a></li>
<li><a href="/ej2-react/signature/user-interaction">User Interaction</a></li>
<li><a href="/ej2-react/signature/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/signature/how-to/integration-toolbar">Integration with Toolbar</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/signature/">API Reference</a></li>
</ul>
</li><li>
Skeleton
<ul>
<li><a href="/ej2-react/skeleton/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/skeleton/shapes">Shapes</a></li>
<li><a href="/ej2-react/skeleton/shimmer-effect">Shimmer Effects</a></li>
<li><a href="/ej2-react/skeleton/styles">Styles</a></li>
<li><a href="/ej2-react/skeleton/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/skeleton/">API Reference</a></li>
</ul>
</li><li>
    Smart Paste Button
    <ul>
        <li><a href="/ej2-react/smart-paste-button/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/smart-paste-button/annotation">Annotation</a></li>
        <li><a href="/ej2-react/smart-paste-button/customization">Customization</a></li>
        <li><a href="/ej2-react/smart-paste-button/handling-validation">Handling Validation</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/smart-paste-button/">API Reference</a></li>
    </ul>
</li><li>
    Smart TextArea
    <ul>
        <li><a href="/ej2-react/smart-textarea/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/smart-textarea/customization">Customization</a></li>
        <li><a href="/ej2-react/smart-textarea/features">Features</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/smart-textarea">API Reference</a></li>
    </ul>
</li><li>
Smithchart
<ul>
<li><a href="/ej2-react/smithchart/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/smithchart/working-with-data">Working with Data</a></li>
<li><a href="/ej2-react/smithchart/smithchart-dimensions">Smithchart Dimension</a></li>
<li><a href="/ej2-react/smithchart/title-subtitle">Title and Subtitle</a></li>
<li><a href="/ej2-react/smithchart/smithchart-axis">Axis</a></li>
<li><a href="/ej2-react/smithchart/smithchart-legend">Legend</a></li>
<li><a href="/ej2-react/smithchart/smithchart-tooltip">Tooltip</a></li>
<li><a href="/ej2-react/smithchart/smithchart-marker">Marker and Datalables</a></li>
<li><a href="/ej2-react/smithchart/smithchart-series">Series</a></li>
<li><a href="/ej2-react/smithchart/smithchart-print">Print and Export</a></li>
<li><a href="/ej2-react/smithchart/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/smithchart/">API Reference</a></li>
</ul>
</li><li>
Sparkline
<ul>
<li><a href="/ej2-react/sparkline/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/sparkline/sparkline-dimensions">Sparkline Dimensions</a></li>
<li><a href="/ej2-react/sparkline/sparkline-types">Sparkline Types</a></li>
<li><a href="/ej2-react/sparkline/axis-customization">Axis Customization</a></li>
<li><a href="/ej2-react/sparkline/special-points-customization">Special Points Customization</a></li>
<li><a href="/ej2-react/sparkline/range-band">Range Band</a></li>
<li><a href="/ej2-react/sparkline/marker">Markers</a></li>
<li><a href="/ej2-react/sparkline/data-labels">Data labels</a></li>
<li><a href="/ej2-react/sparkline/user-interaction">User interaction</a></li>
<li><a href="/ej2-react/sparkline/appearance">Appearance</a></li>
<li><a href="/ej2-react/sparkline/localization">Localization</a></li>
<li><a href="/ej2-react/sparkline/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/sparkline/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/sparkline/">API Reference</a></li>
</ul>
</li><li>
    Speech To Text
    <ul>
        <li><a href="/ej2-react/speech-to-text/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/speech-to-text/speech-recognition">Speech recognition</a></li>
        <li><a href="/ej2-react/speech-to-text/appearance">Appearance</a></li>
        <li><a href="/ej2-react/speech-to-text/globalization">Globalization</a></li>
        <li><a href="/ej2-react/speech-to-text/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/speech-to-text/security">Security concerns</a></li>
        <li><a href="/ej2-react/speech-to-text/methods">Methods</a></li>
        <li><a href="/ej2-react/speech-to-text/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/speech-to-text/">API Reference</a></li>
    </ul>
</li><li>
SpeedDial
<ul>
<li><a href="/ej2-react/speed-dial/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/speed-dial/items">Items</a></li>
<li><a href="/ej2-react/speed-dial/positions">Positions</a></li>
<li><a href="/ej2-react/speed-dial/display-modes">Display Modes</a></li>
<li><a href="/ej2-react/speed-dial/radial-menu">Radial Menu</a></li>
<li><a href="/ej2-react/speed-dial/template">Template</a></li>
<li><a href="/ej2-react/speed-dial/styles">Styles</a></li>
<li><a href="/ej2-react/speed-dial/modal">Modal</a></li>
<li><a href="/ej2-react/speed-dial/event">Event</a></li>
<li><a href="/ej2-react/speed-dial/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/speed-dial/">API Reference</a></li>
</ul>
</li><li>
Spinner
<ul>
<li><a href="/ej2-react/spinner/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/spinner/template">Template</a></li>
<li><a href="/ej2-react/spinner/types">Types</a></li>
<li><a href="/ej2-react/spinner/style">Style and appearance</a></li>
</ul>
</li><li>
SplitButton
<ul>
<li><a href="/ej2-react/split-button/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/split-button/icons-and-separator">Icons And Separator</a></li>
<li><a href="/ej2-react/split-button/popup-items">Popup Items</a></li>
<li><a href="/ej2-react/split-button/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/split-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/split-button/how-to/create-right-to-left-splitbutton">Create right-to-left SplitButton</a></li>
<li><a href="/ej2-react/split-button/how-to/group-items-in-popup">Group items in Popup</a></li>
<li><a href="/ej2-react/split-button/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
<li><a href="/ej2-react/split-button/how-to/set-the-disabled-state">Set the disabled state</a></li>
<li><a href="/ej2-react/split-button/how-to/underline-a-character-in-a-text">Underline a character in a text</a></li>
</ul>
</li>
<li><a href="/ej2-react/split-button/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/split-button/">API Reference</a></li>
</ul>
</li><li>
Splitter
<ul>
<li><a href="/ej2-react/splitter/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/splitter/getting-started-functional">Getting Started using functional component</a></li>
<li><a href="/ej2-react/splitter/split-panes">Split Panes</a></li>
<li><a href="/ej2-react/splitter/expand-collapse">Expand and Collapse</a></li>
<li><a href="/ej2-react/splitter/resize">Resize</a></li>
<li><a href="/ej2-react/splitter/pane-content">Pane Content</a></li>
<li><a href="/ej2-react/splitter/pane-sizing">Pane Sizing</a></li>
<li><a href="/ej2-react/splitter/different-layouts">Different Layouts</a></li>
<li><a href="/ej2-react/splitter/style">Style and appearance</a></li>
<li><a href="/ej2-react/splitter/globalization">Globalization</a></li>
<li><a href="/ej2-react/splitter/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/splitter/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/splitter/">API Reference</a></li>
</ul>
</li><li>
    Stepper
    <ul>
        <li><a href="/ej2-react/stepper/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/stepper/steps">Steps</a></li>
        <li><a href="/ej2-react/stepper/steptypes">Step Types</a></li>
        <li><a href="/ej2-react/stepper/orientations">Orientations</a></li>
        <li><a href="/ej2-react/stepper/linear-flow">Linear Flow</a></li>
        <li><a href="/ej2-react/stepper/steps-validation">Validation</a></li>
        <li><a href="/ej2-react/stepper/template">Template</a></li>
        <li><a href="/ej2-react/stepper/tooltip">Tooltip</a></li>
        <li><a href="/ej2-react/stepper/animation">Animation</a></li>
        <li><a href="/ej2-react/stepper/globalization">Globalization</a></li>
        <li><a href="/ej2-react/stepper/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/stepper/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/stepper/">API Reference</a></li>
    </ul>
</li>
<li>
Stock Chart
<ul>
<li><a href="/ej2-react/stock-chart/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/stock-chart/working-with-data">Working with Data</a></li>
<li><a href="/ej2-react/stock-chart/chart-dimensions">Chart Dimensions</a></li>
<li><a href="/ej2-react/stock-chart/axis-types">Axis Types</a></li>
<li><a href="/ej2-react/stock-chart/axis-customization">Axis Customization</a></li>
<li><a href="/ej2-react/stock-chart/series-types">Series Types</a></li>
<li><a href="/ej2-react/stock-chart/trend-lines">Trendlines</a></li>
<li><a href="/ej2-react/stock-chart/technical-indicators">Technical Indicators</a></li>
<li><a href="/ej2-react/stock-chart/tool-tip">Tooltip</a></li>
<li><a href="/ej2-react/stock-chart/cross-hair">Crosshair</a></li>
<li><a href="/ej2-react/stock-chart/legend">Legend</a></li>
<li><a href="/ej2-react/stock-chart/period-selector">Period Selector</a></li>
<li><a href="/ej2-react/stock-chart/range-selector">Range Selector</a></li>
<li><a href="/ej2-react/stock-chart/export-print">Export and Print</a></li>
<li><a href="/ej2-react/stock-chart/appearance">Appearance</a></li>
<li><a href="/ej2-react/stock-chart/stock-events">Stock Events</a></li>
<li><a href="/ej2-react/stock-chart/accessibility">Accessibility</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/stock-chart">API Reference</a></li>
</ul>
</li><li>
Switch
<ul>
<li><a href="/ej2-react/switch/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/switch/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/switch/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/switch/how-to/set-text">Set Text on Switch</a></li>
<li><a href="/ej2-react/switch/how-to/change-size">Change Size</a></li>
<li><a href="/ej2-react/switch/how-to/customize-the-appearance-of-a-switch">Customize the appearance of a Switch</a></li>
<li><a href="/ej2-react/switch/how-to/enable-ripple-for-switch-label">Enable ripple for Switch label</a></li>
<li><a href="/ej2-react/switch/how-to/enable-rtl">Enable RTL</a></li>
<li><a href="/ej2-react/switch/how-to/set-disabled-state">Set disabled state</a></li>
<li><a href="/ej2-react/switch/how-to/submit-name-and-value-in-form">Submit name and value in form</a></li>
<li><a href="/ej2-react/switch/how-to/change-switch-state-using-toggle-method">Change switch state using toggle method</a></li>
<li><a href="/ej2-react/switch/how-to/prevent-state-change">Prevent State Change</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/switch/">API Reference</a></li>
</ul>
</li><li>
Tab
<ul>
<li><a href="/ej2-react/tab/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/tab/adaptive">Responsive Modes</a></li>
<li><a href="/ej2-react/tab/content-render-modes">Content Render Modes</a></li>
<li><a href="/ej2-react/tab/header">Header</a></li>
<li><a href="/ej2-react/tab/localization">Localization</a></li>
<li><a href="/ej2-react/tab/orientation">Orientation</a></li>
<li><a href="/ej2-react/tab/drag-and-drop">Drag and Drop</a></li>
<li><a href="/ej2-react/tab/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/tab/style">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/tab/how-to/load-content-through-post">Load content through Ajax</a></li>
<li><a href="/ej2-react/tab/how-to/prevent-content-swipe-selection">Prevent content swipe selection</a></li>
<li><a href="/ej2-react/tab/how-to/customize-selected-tab-styles">Customize selected tab styles</a></li>
<li><a href="/ej2-react/tab/how-to/customize-tab-scroll-step">Customize Tab Scroll Step</a></li>
<li><a href="/ej2-react/tab/how-to/create-wizard-using-tab">Create wizard using Tab</a></li>
<li><a href="/ej2-react/tab/how-to/load-tab-with-data-source">Load tab with DataSource</a></li>
<li><a href="/ej2-react/tab/how-to/add-nested-tabs">Add nested Tabs</a></li>
<li><a href="/ej2-react/tab/how-to/set-state-persistence-of-the-tab-component">Set state persistence of the Tab component</a></li>
<li><a href="/ej2-react/tab/how-to/set-custom-animation">Set custom animation</a></li>
<li><a href="/ej2-react/tab/how-to/load-tab-items-dynamically">Load Tab items dynamically</a></li>
<li><a href="/ej2-react/tab/how-to/create-collapsible-tabs">Create collapsible Tabs</a></li>
<li><a href="/ej2-react/tab/how-to/customize-tab-content-height">Customize tab content height</a></li>
<li><a href="/ej2-react/tab/how-to/render-other-components-in-tab-using-template">Render other components in Tab using template</a></li>
<li><a href="/ej2-react/tab/how-to/adding-dynamic-items-with-content-reuse">Adding dynamic items with content reuse</a></li>
<li><a href="/ej2-react/tab/how-to/reorder-active-tab">Reorder Active Tab</a></li>
<li><a href="/ej2-react/tab/how-to/display-tool-tip-on-tab-header">Display tooltip on tab header</a></li>
<li><a href="/ej2-react/tab/how-to/tab-selection">Tab Selection</a></li>
<li><a href="/ej2-react/tab/how-to/react-hooks-tab">React hooks tab</a></li>
<li><a href="/ej2-react/tab/how-to/tab-key-navigation">Tab key navigation</a></li>
</ul>
</li>
<li><a href="/ej2-react/tab/ej1-api-migration">Migration from Essential JS 1</a></li>
</ul>
</li><li>
    TextArea
    <ul>
        <li><a href="/ej2-react/textarea/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/textarea/floating-label">Floating Label</a></li>
        <li><a href="/ej2-react/textarea/rows-columns">Rows and Columns Count</a></li>
        <li><a href="/ej2-react/textarea/resize">Resize</a></li>
        <li><a href="/ej2-react/textarea/max-length">Maximum Length</a></li>
        <li><a href="/ej2-react/textarea/form-support">Form Support</a></li>
        <li><a href="/ej2-react/textarea/style-appearance">Style and Appearance</a></li>
        <li><a href="/ej2-react/textarea/events">Events</a></li>
        <li><a href="/ej2-react/textarea/methods">Methods</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/textarea/">API Reference</a></li>
    </ul>
</li><li>
TextBox
<ul>
<li><a href="/ej2-react/textbox/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/textbox/groups">Groups</a></li>
<li><a href="/ej2-react/textbox/sizing">Sizing</a></li>
<li><a href="/ej2-react/textbox/validation">Validation</a></li>
<li><a href="/ej2-react/textbox/multiline">Multiline</a></li>
<li><a href="/ej2-react/textbox/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/textbox/react-functional-component">React functional component</a></li>
<li><a href="/ej2-react/textbox/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/textbox/how-to/set-the-rounded-corner">Set the Rounded Corner</a></li>
<li><a href="/ej2-react/textbox/how-to/set-the-disabled-state">Set the Disabled State</a></li>
<li><a href="/ej2-react/textbox/how-to/set-the-read-only-textbox">Set the Read-only TextBox</a></li>
<li><a href="/ej2-react/textbox/how-to/add-textbox-programmatically">Add TextBox Programmatically</a></li>
<li><a href="/ej2-react/textbox/how-to/add-floating-label-to-textbox-programmatically">Add Floating Label to TextBox Programmatically</a></li>
<li><a href="/ej2-react/textbox/how-to/change-the-floating-label-color-of-the-textbox">Change the Floating Label Color of the TextBox</a></li>
<li><a href="/ej2-react/textbox/how-to/change-the-color-of-the-textbox-based-on-its-value">Change the Color of the TextBox Based on its Value</a></li>
<li><a href="/ej2-react/textbox/how-to/add-floating-label-to-read-only-textbox">Add Floating Label to Read-only TextBox</a></li>
<li><a href="/ej2-react/textbox/how-to/customize-the-textbox-background-color-and-text-color">Customize the TextBox Background-color and Text-color</a></li>
</ul>
</li>
<li><a href="/ej2-react/textbox/migration-from-css-textbox-to-react-textbox">Migration from CSS textbox</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/textbox/">API Reference</a></li>
</ul>
</li><li>
    Timeline
    <ul>
        <li><a href="/ej2-react/timeline/getting-started">Getting Started</a></li>
        <li><a href="/ej2-react/timeline/items">Items</a></li>
        <li><a href="/ej2-react/timeline/orientations">Orientations</a></li>
        <li><a href="/ej2-react/timeline/align">Align Items</a></li>
        <li><a href="/ej2-react/timeline/reverse">Reverse Timeline</a></li>
        <li><a href="/ej2-react/timeline/template">Template</a></li>
        <li><a href="/ej2-react/timeline/customization">Customization</a></li>
        <li><a href="/ej2-react/timeline/accessibility">Accessibility</a></li>
        <li><a href="/ej2-react/timeline/events">Events</a></li>
        <li><a href="https://ej2.syncfusion.com/react/documentation/api/timeline/">API Reference</a></li>
    </ul>
</li><li>
TimePicker
<ul>
<li><a href="/ej2-react/timepicker/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/timepicker/time-range">Time Range</a></li>
<li><a href="/ej2-react/timepicker/time-masking">Mask Support</a></li>
<li><a href="/ej2-react/timepicker/strict-mode">Strict Mode</a></li>
<li><a href="/ej2-react/timepicker/globalization">Globalization</a></li>
<li><a href="/ej2-react/timepicker/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/timepicker/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/timepicker/how-to/css-customization">CSS Customization</a></li>
<li><a href="/ej2-react/timepicker/how-to/client-side-validation-using-form-validator">Client Side Validation using FormValidator</a></li>
</ul>
</li>
<li><a href="/ej2-react/timepicker/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/timepicker/">API Reference</a></li>
</ul>
</li><li>
Toast
<ul>
<li><a href="/ej2-react/toast/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/toast/getting-started-functional">Getting Started using functional component</a></li>
<li><a href="/ej2-react/toast/config">Configuring options</a></li>
<li><a href="/ej2-react/toast/position">Positioning</a></li>
<li><a href="/ej2-react/toast/action-buttons">Action Buttons</a></li>
<li><a href="/ej2-react/toast/timeout">TimeOut</a></li>
<li><a href="/ej2-react/toast/template">Template</a></li>
<li><a href="/ej2-react/toast/style">Style and appearance</a></li>
<li><a href="/ej2-react/toast/animation">Animation</a></li>
<li><a href="/ej2-react/toast/toast-services">Toast Utility Services</a></li>
<li><a href="/ej2-react/toast/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/toast/how-to/prevent-duplicate-toast-display">Prevent displaying duplicate Toast</a></li>
<li><a href="/ej2-react/toast/how-to/restrict-the-maximum-toast-to-show">Restrict the maximum number of Toasts to show</a></li>
<li><a href="/ej2-react/toast/how-to/customize-progress-bar-theme-and-sizing">Customize progress bar theme and sizing</a></li>
<li><a href="/ej2-react/toast/how-to/play-an-audio-before-open-the-toast">Play an audio before the Toast open</a></li>
<li><a href="/ej2-react/toast/how-to/show-different-types-of-toast">Show different types of Toast</a></li>
<li><a href="/ej2-react/toast/how-to/show-multiple-toasts-in-various-positions">Show multiple Toasts in various positions</a></li>
<li><a href="/ej2-react/toast/how-to/close-the-toast-with-click-tap">Close the toast on Click/tap</a></li>
<li><a href="/ej2-react/toast/how-to/add-dynamic-template">Add dynamic template</a></li>
<li><a href="/ej2-react/toast/how-to/prevent-toast-close-with-mobile-swipe">Prevent toast close with mobile swipe</a></li>
</ul>
</li>
</ul>
</li><li>
Toolbar
<ul>
<li><a href="/ej2-react/toolbar/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/toolbar/item-configuration">Item Configuration</a></li>
<li><a href="/ej2-react/toolbar/responsive-mode">Responsive Mode</a></li>
<li><a href="/ej2-react/toolbar/template-configuration">Template Configuration</a></li>
<li><a href="/ej2-react/toolbar/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/toolbar/style">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/toolbar/how-to/set-command-customization">Set command customization</a></li>
<li><a href="/ej2-react/toolbar/how-to/set-tool-tip-to-the-commands">Set Essential JS 2 Tooltip to the commands</a></li>
<li><a href="/ej2-react/toolbar/how-to/set-item-wise-custom-template">Set item-wise custom template</a></li>
<li><a href="/ej2-react/toolbar/how-to/add-toggle-button">Add Toggle Button</a></li>
<li><a href="/ej2-react/toolbar/how-to/how-to-customize-toolbar-scroll-step">How to customize toolbar scrollStep</a></li>
<li><a href="/ej2-react/toolbar/how-to/add-link-to-toolbar-item">Add link to Toolbar Item</a></li>
<li><a href="/ej2-react/toolbar/how-to/render-other-components-in-toolbar-using-template">Render other components in Toolbar using template</a></li>
</ul>
</li>
<li><a href="/ej2-react/toolbar/ej1-api-migration">Migration from Essential JS 1</a></li>
</ul>
</li><li>
Tooltip
    <ul>
    <li><a href="/ej2-react/tooltip/getting-started">Getting Started</a></li>
    <li><a href="/ej2-react/tooltip/setting-dimension">Setting Dimension</a></li>
    <li><a href="/ej2-react/tooltip/content">Content</a></li>
    <li><a href="/ej2-react/tooltip/position">Position</a></li>
    <li><a href="/ej2-react/tooltip/open-mode">Open Mode</a></li>
    <li><a href="/ej2-react/tooltip/animation">Animation</a></li>
    <li><a href="/ej2-react/tooltip/customization">Customization</a></li>
    <li><a href="/ej2-react/tooltip/style">Styles and Appearance</a></li>
    <li><a href="/ej2-react/tooltip/accessibility">Accessibility</a></li>
    <li><a href="/ej2-react/tooltip/ej1-api-migration">EJ1 Migration</a></li>
    <li>How To
    <ul>
    <li><a href="/ej2-react/tooltip/how-to/show-tooltip-on-disabled-elements-and-disable-tooltip">Show Tooltip on disabled elements and disable tooltip</a></li>
    <li><a href="/ej2-react/tooltip/how-to/dynamic-tooltip-content-with-html-elements">Dynamic Tooltip content with HTML elements</a></li>
    <li><a href="/ej2-react/tooltip/how-to/tooltip-open-or-display-modes">Tooltip open or display modes</a></li>
    <li><a href="/ej2-react/tooltip/how-to/fancy-tooltip-customization">Fancy Tooltip customization</a></li>
    <li><a href="/ej2-react/tooltip/how-to/display-tooltip-on-svg-and-canvas-elements">Display Tooltip on SVG and canvas elements</a></li>
    <li><a href="/ej2-react/tooltip/how-to/create-and-show-tooltip-on-multiple-targets">Create and show Tooltip on multiple targets</a></li>
    </ul>
    </li>
    <li><a href="https://ej2.syncfusion.com/react/documentation/api/tooltip/">API Reference</a></li>
    </ul>
 </li>
<li>TreeGrid
<ul>
<li><a href="/ej2-react/treegrid/overview">Overview</a></li>
<li>Getting Started
<ul>
<li><a href="/ej2-react/treegrid/getting-started">React</a></li>
<li><a href="/ej2-react/treegrid/preact">Preact</a></li>
</ul>
</li>
<li>Data Binding
<ul>
<li><a href="/ej2-react/treegrid/data-binding/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/treegrid/data-binding/local-data">Local Data</a></li>
<li><a href="/ej2-react/treegrid/data-binding/remote-data">Remote Data</a></li>
</ul>
</li>
<li><a href="/ej2-react/treegrid/module">Feature Modules</a></li>
<li>Columns
<ul>
<li><a href="/ej2-react/treegrid/columns/columns">Columns</a></li>
<li><a href="/ej2-react/treegrid/columns/headers">Headers</a></li>
<li><a href="/ej2-react/treegrid/columns/column-template">Column Template</a></li>
<li><a href="/ej2-react/treegrid/columns/foreign-key-column">Foreignkey column</a></li>
<li><a href="/ej2-react/treegrid/columns/complex-data-binding">Complex Data Binding</a></li>
<li><a href="/ej2-react/treegrid/columns/column-reorder">Column Reorder</a></li>
<li><a href="/ej2-react/treegrid/columns/column-resizing">Column Resizing</a></li>
<li><a href="/ej2-react/treegrid/columns/column-menu">Column Menu</a></li>
<li><a href="/ej2-react/treegrid/columns/column-chooser">Column Chooser</a></li>
</ul>
</li>
<li>Row
<ul>
<li><a href="/ej2-react/treegrid/row/row">Row</a></li>
<li><a href="/ej2-react/treegrid/row/row-template">Row Template</a></li>
<li><a href="/ej2-react/treegrid/row/detail-template">Detail Template</a></li>
<li><a href="/ej2-react/treegrid/row/row-drag-and-drop">Row Drag and Drop</a></li>
<li><a href="/ej2-react/treegrid/row/indent">Indent and Outdent</a></li>
</ul>
</li>
<li>Cell
<ul>
<li><a href="/ej2-react/treegrid/cell/cell">Cell</a></li>
</ul>
</li>
<li>Editing
<ul>
<li><a href="/ej2-react/treegrid/editing/edit">Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/edit-types">Edit Types</a></li>
<li><a href="/ej2-react/treegrid/editing/cell-editing">Cell Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/row-editing">Row Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/dialog-editing">Dialog Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/batch-editing">Batch Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/template-editing">Template Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/command-column-editing">Command Column Editing</a></li>
<li><a href="/ej2-react/treegrid/editing/validation">Validation</a></li>
<li><a href="/ej2-react/treegrid/editing/persisting-data-in-server">Persisting Data in Server</a></li>
</ul>
</li>
<li><a href="/ej2-react/treegrid/sorting">Sorting</a></li>
<li>Filtering
<ul>
<li><a href="/ej2-react/treegrid/filtering/filtering">Filtering</a></li>
<li><a href="/ej2-react/treegrid/filtering/filter-bar">Filter Bar</a></li>
<li><a href="/ej2-react/treegrid/filtering/filter-menu">Filter Menu</a></li>
<li><a href="/ej2-react/treegrid/filtering/excel-like-filter">Excel Like Filter</a></li>
</ul>
</li>
<li><a href="/ej2-react/treegrid/searching">Searching</a></li>
<li><a href="/ej2-react/treegrid/paging">Paging</a></li>
<li>Selection
<ul>
<li><a href="/ej2-react/treegrid/selection/selection">Selection</a></li>
<li><a href="/ej2-react/treegrid/selection/cell-selection">Cell Selection</a></li>
<li><a href="/ej2-react/treegrid/selection/row-selection">Row Selection</a></li>
<li><a href="/ej2-react/treegrid/selection/check-box-selection">Checkbox Selection</a></li>
</ul>
</li>
<li><a href="/ej2-react/treegrid/scrolling">Scrolling</a></li>
<li><a href="/ej2-react/treegrid/frozen">Frozen Rows and Columns</a></li>
<li><a href="/ej2-react/treegrid/virtual-scroll">Virtualization</a></li>
<li><a href="/ej2-react/treegrid/infinite-scroll">Infinite Scrolling</a></li>
<li>Aggregates
<ul>
<li><a href="/ej2-react/treegrid/aggregates/aggregates">Aggregates</a></li>
<li><a href="/ej2-react/treegrid/aggregates/footer-aggregate">Footer Aggregate</a></li>
<li><a href="/ej2-react/treegrid/aggregates/custom-aggregate">Custom Aggregate</a></li>
</ul>
</li>
<li><a href="/ej2-react/treegrid/print">Print</a></li>
<li><a href="/ej2-react/treegrid/adaptive">Adaptive View</a></li>
<li><a href="/ej2-react/treegrid/loading-animation">Loading Animation</a></li>
<li>State Persistence
<ul>
<li><a href="/ej2-react/treegrid/state-persistence/state-persistence">State Persistence</a></li>
</ul>
</li>
<li>Tool Bar
<ul>
<li><a href="/ej2-react/treegrid/tool-bar/tool-bar">Toolbar</a></li>
<li><a href="/ej2-react/treegrid/tool-bar/tool-bar-items">Toolbar Items</a></li>
</ul>
</li>
<li>Pdf Export
<ul>
<li><a href="/ej2-react/treegrid/pdf-export/pdf-export">Pdf Export</a></li>
<li><a href="/ej2-react/treegrid/pdf-export/pdf-export-options">PDF Export Options</a></li>
<li><a href="/ej2-react/treegrid/pdf-export/adding-header-and-footer">Adding Header and Footer</a></li>
<li><a href="/ej2-react/treegrid/pdf-export/exporting-treegrid-in-server">Exporting TreeGrid In Server</a></li>
</ul>
</li>
<li>Excel Export
<ul>
<li><a href="/ej2-react/treegrid/excel-export/excel-export">Excel Export</a></li>
<li><a href="/ej2-react/treegrid/excel-export/excel-export-options">Excel Export Options</a></li>
<li><a href="/ej2-react/treegrid/excel-export/adding-header-and-footer">Adding Header and Footer</a></li>
<li><a href="/ej2-react/treegrid/excel-export/exporting-treegrid-in-server">Exporting TreeGrid In Server</a></li>
</ul>
</li>
<li><a href="/ej2-react/treegrid/global-local">Globalization</a></li>
<li><a href="/ej2-react/treegrid/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/treegrid/clipboard">Clipboard</a></li>
<li><a href="/ej2-react/treegrid/context-menu">Context Menu</a></li>
<li><a href="/ej2-react/treegrid/treegrid-styling">Styling and appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/treegrid/how-to/enable-disable-treegrid-and-its-actions">Enable/Disable Grid and its actions</a></li>
<li><a href="/ej2-react/treegrid/how-to/customize-column-styles">Customize Column Styles</a></li>
<li><a href="/ej2-react/treegrid/how-to/custom-tool-tip-for-columns">Custom Tooltip for columns</a></li>
<li><a href="/ej2-react/treegrid/how-to/render-react-component-in-column">Render React Component in column</a></li>
<li><a href="/ej2-react/treegrid/how-to/cascading-drop-down-list-with-treegrid-editing">Cascading DropDownList with TreeGrid Editing</a></li>
<li><a href="/ej2-react/treegrid/how-to/provide-custom-data-source-and-enabling-filtering-to-drop-down-list">Provide custom data source and enabling filtering to DropDownList</a></li>
<li><a href="/ej2-react/treegrid/how-to/restrict-decimal-points-while-treegrid-editing">Restrict to type decimal points in a NumericTextBox while editing the numeric column</a></li>
<li><a href="/ej2-react/treegrid/how-to/exporting-filtered-data">Exporting Filtered Data Only</a></li>
<li><a href="/ej2-react/treegrid/how-to/show-spinner-while-exporting">Show Spinner on TreeGrid when Exporting</a></li>
<li><a href="/ej2-react/treegrid/how-to/customize-pager-drop-down">Customize Pager DropDown</a></li>
<li><a href="/ej2-react/treegrid/how-to/add-params-for-filtering">Customizing Filter Dialog by using an additional Parameter</a></li>
<li><a href="/ej2-react/treegrid/how-to/select-treegrid-rows-based-on-certain-condition">Select treegrid rows based on certain condition</a></li>
<li><a href="/ej2-react/treegrid/how-to/get-row-cell-index">Get specific row and cell index in TreeGrid</a></li>
<li><a href="/ej2-react/treegrid/how-to/enable-editing-in-single-click">Enable editing in single click</a></li>
<li><a href="/ej2-react/treegrid/how-to/row-cell-customization">Row and Cell Customization in TreeGrid</a></li>
<li><a href="/ej2-react/treegrid/how-to/customize-the-empty-record-template">Customize the Empty Record Template in TreeGrid</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/treegrid/">API Reference</a></li>
</ul>
</li>
<li>
TreeMap
<ul>
<li><a href="/ej2-react/treemap/getting-started">Getting Started</a></li>
<li><a href="/ej2-react/treemap/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/treemap/layout">Layout</a></li>
<li><a href="/ej2-react/treemap/leaf-item">Leaf Item</a></li>
<li><a href="/ej2-react/treemap/levels">Levels</a></li>
<li><a href="/ej2-react/treemap/color-mapping">Color Mapping</a></li>
<li><a href="/ej2-react/treemap/data-label">Data Label</a></li>
<li><a href="/ej2-react/treemap/legend">Legend</a></li>
<li><a href="/ej2-react/treemap/drilldown">Drilldown</a></li>
<li><a href="/ej2-react/treemap/tooltip">Tooltip</a></li>
<li><a href="/ej2-react/treemap/selection-and-highlight">Selection and highlight</a></li>
<li><a href="/ej2-react/treemap/print-and-export">Print and Export</a></li>
<li><a href="/ej2-react/treemap/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/treemap/internationalization">Internationalization</a></li>
<li><a href="/ej2-react/treemap/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/treemap/how-to/drilldown">Drilldown</a></li>
<li><a href="/ej2-react/treemap/how-to/drilldown-with-label">Drilldown with label</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/treemap/">API Reference</a></li>
</ul>
</li><li>
TreeView
<ul>
<li>Getting Started
<ul>
<li><a href="/ej2-react/treeview/getting-started">React</a></li>
<li><a href="/ej2-react/treeview/preact">Preact</a></li>
</ul>
</li>
<li><a href="/ej2-react/treeview/data-binding">Data Binding</a></li>
<li><a href="/ej2-react/treeview/check-box">CheckBox</a></li>
<li><a href="/ej2-react/treeview/node-editing">Node Editing</a></li>
<li><a href="/ej2-react/treeview/multiple-selection">Multi Selection</a></li>
<li><a href="/ej2-react/treeview/drag-and-drop">Drag And Drop</a></li>
<li><a href="/ej2-react/treeview/template">Template</a></li>
<li><a href="/ej2-react/treeview/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/treeview/ej1-api-migration">Migration from Essential JS 1</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/treeview/how-to/customize-the-expand-and-collapse-icons">Customize the expand and collapse icons</a></li>
<li><a href="/ej2-react/treeview/how-to/process-the-tree-node-operations-using-context-menu">Process the tree node operations using context menu</a></li>
<li><a href="/ej2-react/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text">Check/uncheck the checkbox on clicking the tree node text</a></li>
<li><a href="/ej2-react/treeview/how-to/validate-the-text-when-renaming-the-tree-node">Validate the text when renaming the tree node</a></li>
<li><a href="/ej2-react/treeview/how-to/customize-the-tree-nodes-based-on-levels">Customize the tree nodes based on levels</a></li>
<li><a href="/ej2-react/treeview/how-to/restrict-the-drag-and-drop-for-particular-tree-nodes">Restrict the drag-and-drop for particular tree nodes</a></li>
<li><a href="/ej2-react/treeview/how-to/accordion-tree">Customize TreeView as accordion</a></li>
<li><a href="/ej2-react/treeview/how-to/auto-hide-show-expand-collapse-icon">Auto show/hide expand/collapse icons</a></li>
<li><a href="/ej2-react/treeview/how-to/filtering-tree-nodes">Filter TreeView nodes</a></li>
<li><a href="/ej2-react/treeview/how-to/set-tool-tip-for-tree-nodes">Set tooltip for tree nodes</a></li>
<li><a href="/ej2-react/treeview/how-to/sorting-treeview-level-wise">Sort tree nodes based on levels</a></li>
<li><a href="/ej2-react/treeview/how-to/remove-parent-checkbox">Remove checkbox of the parent node</a></li>
<li><a href="/ej2-react/treeview/how-to/get-dynamic-icon">Get iconCss dynamically  in TreeView</a></li>
<li><a href="/ej2-react/treeview/how-to/hover-multi-line-tree-node">Apply hover background color in the whole multi-line of a tree node</a></li>
<li><a href="/ej2-react/treeview/how-to/select-one-child">Select one child at a time out of one specific parent</a></li>
<li><a href="/ej2-react/treeview/how-to/get-all-child-nodes">Get all child nodes through parentID in TreeView</a></li>
<li><a href="/ej2-react/treeview/how-to/disable-checkbox-of-the-tree-node">Disable checkbox of the tree node</a></li>
<li><a href="/ej2-react/treeview/how-to/manipulating-nodes">Node manipulation</a></li>
</ul>
</li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/treeview">API Reference</a></li>
</ul>
</li><li>
Uploader
<ul>
<li>Getting Started
<ul>
<li><a href="/ej2-react/uploader/getting-started">React</a></li>
<li><a href="/ej2-react/uploader/preact">Preact</a></li>
</ul>
</li>
<li><a href="/ej2-react/uploader/async">Asynchronous Upload</a></li>
<li><a href="/ej2-react/uploader/chunk-upload">Chunk Upload</a></li>
<li><a href="/ej2-react/uploader/file-source">File Source</a></li>
<li><a href="/ej2-react/uploader/validation">Validation</a></li>
<li><a href="/ej2-react/uploader/form-support">Form Support</a></li>
<li><a href="/ej2-react/uploader/template">Template</a></li>
<li><a href="/ej2-react/uploader/localization">Localization</a></li>
<li><a href="/ej2-react/uploader/jwt-authentication">JWT Authentication</a></li>
<li><a href="/ej2-react/uploader/accessibility">Accessibility</a></li>
<li><a href="/ej2-react/uploader/style-appearance">Style and Appearance</a></li>
<li>How To
<ul>
<li><a href="/ej2-react/uploader/how-to/hide-default-drop-area">Hide Default Drop Area</a></li>
<li><a href="/ej2-react/uploader/how-to/preview-images-before-uploading">Preview Images before Uploading</a></li>
<li><a href="/ej2-react/uploader/how-to/achieve-invisible-upload">Achieve Invisible Upload</a></li>
<li><a href="/ej2-react/uploader/how-to/customize-progressbar">Customize Progressbar</a></li>
<li><a href="/ej2-react/uploader/how-to/sort-the-selected-files">Sort the Selected Files</a></li>
<li><a href="/ej2-react/uploader/how-to/get-the-total-size-of-selected-files">Get the Total Size of Selected Files</a></li>
<li><a href="/ej2-react/uploader/how-to/customize-button-with-html-element">Customize Button with HTML Element</a></li>
<li><a href="/ej2-react/uploader/how-to/add-confirm-dialog-to-remove-the-files">Add Confirm Dialog to Remove the Files</a></li>
<li><a href="/ej2-react/uploader/how-to/add-additional-data-on-upload">Add Additional Data on Upload</a></li>
<li><a href="/ej2-react/uploader/how-to/validate-image-on-drop">Validate Image on Drop</a></li>
<li><a href="/ej2-react/uploader/how-to/determine-whether-uploader-has-file-input">Determine whether Uploader has File Input</a></li>
<li><a href="/ej2-react/uploader/how-to/achieve-file-upload-programmatically">Achieve File Upload Programmatically</a></li>
<li><a href="/ej2-react/uploader/how-to/check-file-size-before-uploading-it">Check File Size before Uploading it</a></li>
<li><a href="/ej2-react/uploader/how-to/check-the-mime-type-of-file-before-upload-it">Check the MIME type of File before Upload it</a></li>
<li><a href="/ej2-react/uploader/how-to/trigger-click-event-of-input-file-from-external-button">Trigger Click Event of Input File from External Button</a></li>
<li><a href="/ej2-react/uploader/how-to/open-and-edit-the-uploaded-files">Open and Edit the Uploaded Files</a></li>
<li><a href="/ej2-react/uploader/how-to/resize-images-before-uploading-it-to-the-server">Resize Images before Uploading it to the Server</a></li>
<li><a href="/ej2-react/uploader/how-to/convert-image-into-binary-format-after-uploading">Convert Image into Binary Format after Uploading</a></li>
</ul>
</li>
<li><a href="/ej2-react/uploader/ej1-api-migration">Migration from Essential JS 1</a></li>
<li><a href="https://ej2.syncfusion.com/react/documentation/api/uploader/">API Reference</a></li>
</ul>
</li> <li>Release Notes
                <ul>
				<li>2025 Volume 3 - 31.*<ul><li><a href="/ej2-react/release-notes/31.1.17">31.1.17 Main Release</a></li></ul></li>
				<li>2025 Volume 2 - 30.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/30.2.7">30.2.7</a></li><li><a href="/ej2-react/release-notes/30.2.6">30.2.6</a></li><li><a href="/ej2-react/release-notes/30.2.5">30.2.5</a></li><li><a href="/ej2-react/release-notes/30.1.42">30.1.42</a></li><li><a href="/ej2-react/release-notes/30.1.41">30.1.41</a></li><li><a href="/ej2-react/release-notes/30.1.40">30.1.40</a></li><li><a href="/ej2-react/release-notes/30.1.39">30.1.39</a></li><li><a href="/ej2-react/release-notes/30.1.38">30.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/30.2.4">30.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/30.1.37">30.1.37 Main Release</a></li></ul></li><li>2025 Volume 1 - 29.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/29.2.11">29.2.11</a></li><li><a href="/ej2-react/release-notes/29.2.10">29.2.10</a></li><li><a href="/ej2-react/release-notes/29.2.8">29.2.8</a></li><li><a href="/ej2-react/release-notes/29.2.7">29.2.7</a></li><li><a href="/ej2-react/release-notes/29.2.5">29.2.5</a></li><li><a href="/ej2-react/release-notes/29.1.41">29.1.41</a></li><li><a href="/ej2-react/release-notes/29.1.40">29.1.40</a></li><li><a href="/ej2-react/release-notes/29.1.39">29.1.39</a></li><li><a href="/ej2-react/release-notes/29.1.38">29.1.38</a></li><li><a href="/ej2-react/release-notes/29.1.37">29.1.37</a></li><li><a href="/ej2-react/release-notes/29.1.35">29.1.35</a></li></ul></li><li><a href="/ej2-react/release-notes/29.2.4">29.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/29.1.33">29.1.33 Main Release</a></li></ul></li><li>2024 Volume 4 - 28.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/28.2.12">28.2.12</a></li><li><a href="/ej2-react/release-notes/28.2.11">28.2.11</a></li><li><a href="/ej2-react/release-notes/28.2.9">28.2.9</a></li><li><a href="/ej2-react/release-notes/28.2.7">28.2.7</a></li><li><a href="/ej2-react/release-notes/28.2.6">28.2.6</a></li><li><a href="/ej2-react/release-notes/28.2.5">28.2.5</a></li><li><a href="/ej2-react/release-notes/28.2.4">28.2.4</a></li><li><a href="/ej2-react/release-notes/28.1.41">28.1.41</a></li><li><a href="/ej2-react/release-notes/28.1.39">28.1.39</a></li><li><a href="/ej2-react/release-notes/28.1.38">28.1.38</a></li><li><a href="/ej2-react/release-notes/28.1.37">28.1.37</a></li><li><a href="/ej2-react/release-notes/28.1.36">28.1.36</a></li><li><a href="/ej2-react/release-notes/28.1.35">28.1.35</a></li></ul></li><li><a href="/ej2-react/release-notes/28.2.3">28.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/28.1.33">28.1.33 Main Release</a></li></ul></li><li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/27.2.5">27.2.5</a></li><li><a href="/ej2-react/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-react/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-react/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-react/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-react/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-react/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-react/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-react/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-react/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-react/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-react/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-react/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-react/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-react/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-react/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-react/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-react/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-react/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-react/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-react/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-react/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-react/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-react/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-react/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-react/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-react/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-react/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-react/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-react/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-react/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-react/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-react/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-react/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-react/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
				<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-react/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-react/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-react/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-react/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-react/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-react/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-react/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-react/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-react/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-react/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-react/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
				<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-react/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-react/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-react/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-react/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-react/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-react/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-react/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-react/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-react/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-react/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
				<li>2023 Volume 2 - 22.*
				    <ul>
					    <li> Weekly Release 
						    <ul>	
							    <li><a href="/ej2-react/release-notes/22.2.12">22.2.12</a></li>	
							    <li><a href="/ej2-react/release-notes/22.2.11">22.2.11</a></li>	
							    <li><a href="/ej2-react/release-notes/22.2.10">22.2.10</a></li>	
							    <li><a href="/ej2-react/release-notes/22.2.9">22.2.9</a></li>			
                                <li><a href="/ej2-react/release-notes/22.2.8">22.2.8</a></li>							
							    <li><a href="/ej2-react/release-notes/22.2.7">22.2.7</a></li>
							    <li><a href="/ej2-react/release-notes/22.1.39">22.1.39</a></li>
                                <li><a href="/ej2-react/release-notes/22.1.38">22.1.38</a></li>						    
								<li><a href="/ej2-react/release-notes/22.1.37">22.1.37</a></li>
								<li><a href="/ej2-react/release-notes/22.1.36">22.1.36</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/22.2.5">22.2.5 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/22.1.34">22.1.34 Main Release</a></li>
					</ul>
				</li>
			    <li>2023 Volume 1 - 21.*
				    <ul>
					    <li> Weekly Release 
						    <ul>
							    <li><a href="/ej2-react/release-notes/21.2.10">21.2.10</a></li>
								<li><a href="/ej2-react/release-notes/21.2.9">21.2.9</a></li>
								<li><a href="/ej2-react/release-notes/21.2.8">21.2.8</a></li>
								<li><a href="/ej2-react/release-notes/21.2.6">21.2.6</a></li>
								<li><a href="/ej2-react/release-notes/21.2.5">21.2.5</a></li>
								<li><a href="/ej2-react/release-notes/21.2.4">21.2.4</a></li>
								<li><a href="/ej2-react/release-notes/21.1.41">21.1.41</a></li>
								<li><a href="/ej2-react/release-notes/21.1.39">21.1.39</a></li>
								<li><a href="/ej2-react/release-notes/21.1.38">21.1.38</a></li>
								<li><a href="/ej2-react/release-notes/21.1.37">21.1.37</a></li>
								<li><a href="/ej2-react/release-notes/21.1.36">21.1.36</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/21.2.3">21.2.3 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/21.1.35">21.1.35 Main Release</a></li>
						<li><a href="/ej2-react/release-notes/21.1.34">21.1.34 Beta Release</a></li>
					</ul>
				</li>
				<li>2022 Volume 4 - 20.4.*
				<ul>
				    <li> Weekly Release 
					    <ul>
						    <li><a href="/ej2-react/release-notes/20.4.54">20.4.54</a></li>
							<li><a href="/ej2-react/release-notes/20.4.53">20.4.53</a></li>
							<li><a href="/ej2-react/release-notes/20.4.52">20.4.52</a></li>
							<li><a href="/ej2-react/release-notes/20.4.51">20.4.51</a></li>
							<li><a href="/ej2-react/release-notes/20.4.50">20.4.50</a></li>
							<li><a href="/ej2-react/release-notes/20.4.49">20.4.49</a></li>
							<li><a href="/ej2-react/release-notes/20.4.44">20.4.44</a></li>
							<li><a href="/ej2-react/release-notes/20.4.43">20.4.43</a></li>
							<li><a href="/ej2-react/release-notes/20.4.42">20.4.42</a></li>
							<li><a href="/ej2-react/release-notes/20.4.41">20.4.41</a></li>
							<li><a href="/ej2-react/release-notes/20.4.40">20.4.40</a></li>
						</ul>
					</li>
					<li><a href="/ej2-react/release-notes/20.4.48">v20.4.48 Service Pack Release</a></li>
					<li><a href="/ej2-react/release-notes/20.4.38">v20.4.38 Main Release</a></li>
				</ul>
				</li>
				<li>2022 Volume 3 - 20.3.*
				<ul>
				    <li> Weekly Release 
					    <ul>
						    <li><a href="/ej2-react/release-notes/20.3.61">20.3.61</a></li>
				            <li><a href="/ej2-react/release-notes/20.3.60">20.3.60</a></li>
							<li><a href="/ej2-react/release-notes/20.3.59">20.3.59</a></li>
							<li><a href="/ej2-react/release-notes/20.3.58">20.3.58</a></li>
							<li><a href="/ej2-react/release-notes/20.3.57">20.3.57</a></li>
							<li><a href="/ej2-react/release-notes/20.3.56">20.3.56</a></li>
							<li><a href="/ej2-react/release-notes/20.3.52">20.3.52</a></li>
							<li><a href="/ej2-react/release-notes/20.3.50">20.3.50</a></li>
				            <li><a href="/ej2-react/release-notes/20.3.49">20.3.49</a></li>
				            <li><a href="/ej2-react/release-notes/20.3.48">20.3.48</a></li>
				        </ul>
				    </li>
				    <li><a href="/ej2-react/release-notes/20.3.47">20.3.47 Main Release</a></li>
				</ul>
				</li>
				<li>2022 volume 2 - 20.2.*
					<ul>
					    <li> Weekly Release 
						    <ul> 
							    <li><a href="/ej2-react/release-notes/20.2.50">20.2.50</a></li>
								<li><a href="/ej2-react/release-notes/20.2.49">20.2.49</a></li>
								<li><a href="/ej2-react/release-notes/20.2.48">20.2.48</a></li>
								<li><a href="/ej2-react/release-notes/20.2.46">20.2.46</a></li>
								<li><a href="/ej2-react/release-notes/20.2.45">20.2.45</a></li>
								<li><a href="/ej2-react/release-notes/20.2.44">20.2.44</a></li>
								<li><a href="/ej2-react/release-notes/20.2.40">20.2.40</a></li>
								<li><a href="/ej2-react/release-notes/20.2.39">20.2.39</a></li>
								<li><a href="/ej2-react/release-notes/20.2.38">20.2.38</a></li>
						    </ul>
					    </li>					
					    <li><a href="/ej2-react/release-notes/20.2.43">v20.2.43 Service Pack Release</a></li>
					    <li><a href="/ej2-react/release-notes/20.2.36">v20.2.36 Main Release</a></li>
					</ul>				
				</li>
				<li>2022 volume 1 - 20.1.*
					<ul>
					    <li> Weekly Release 
						    <ul>
							    <li><a href="/ej2-react/release-notes/20.1.61">v20.1.61</a></li>
								<li><a href="/ej2-react/release-notes/20.1.60">v20.1.60</a></li>
								<li><a href="/ej2-react/release-notes/20.1.59">v20.1.59</a></li>
								<li><a href="/ej2-react/release-notes/20.1.58">v20.1.58</a></li>
								<li><a href="/ej2-react/release-notes/20.1.57">v20.1.57</a></li>
								<li><a href="/ej2-react/release-notes/20.1.56">v20.1.56</a></li>
								<li><a href="/ej2-react/release-notes/20.1.52">v20.1.52</a></li>
								<li><a href="/ej2-react/release-notes/20.1.51">v20.1.51</a></li>
								<li><a href="/ej2-react/release-notes/20.1.50">v20.1.50</a></li>
								<li><a href="/ej2-react/release-notes/20.1.48">v20.1.48</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/20.1.55">v20.1.55 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/20.1.47">v20.1.47 Main Release</a></li>
					</ul>
				</li>
				<li>2021 Volume 4 - 19.4.*
					<ul>
						<li> Weekly Release 
							<ul>
							    <li><a href="/ej2-react/release-notes/19.4.56">v19.4.56</a></li>
							    <li><a href="/ej2-react/release-notes/19.4.55">v19.4.55</a></li>
							    <li><a href="/ej2-react/release-notes/19.4.54">v19.4.54</a></li>
							    <li><a href="/ej2-react/release-notes/19.4.53">v19.4.53</a></li>
							    <li><a href="/ej2-react/release-notes/19.4.52">v19.4.52</a></li>
								<li><a href="/ej2-react/release-notes/19.4.50">v19.4.50</a></li>
								<li><a href="/ej2-react/release-notes/19.4.47">v19.4.47</a></li>
								<li><a href="/ej2-react/release-notes/19.4.43">v19.4.43</a></li>
								<li><a href="/ej2-react/release-notes/19.4.42">v19.4.42</a></li>
								<li><a href="/ej2-react/release-notes/19.4.41">v19.4.41</a></li>
								<li><a href="/ej2-react/release-notes/19.4.40">v19.4.40</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/19.4.48">v19.4.48 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/19.4.38">v19.4.38 Main Release</a></li>
					</ul>
				</li>
				<li>2021 volume 3 - 19.3.*
					<ul>
						<li> Weekly Release 
							<ul>
                                <li><a href="/ej2-react/release-notes/19.3.59">v19.3.59</a></li>
								<li><a href="/ej2-react/release-notes/19.3.57">v19.3.57</a></li>
								<li><a href="/ej2-react/release-notes/19.3.56">v19.3.56</a></li>
								<li><a href="/ej2-react/release-notes/19.3.55">v19.3.55</a></li>
								<li><a href="/ej2-react/release-notes/19.3.54">v19.3.54</a></li>
								<li><a href="/ej2-react/release-notes/19.3.48">v19.3.48</a></li>
								<li><a href="/ej2-react/release-notes/19.3.47">v19.3.47</a></li>
								<li><a href="/ej2-react/release-notes/19.3.46">v19.3.46</a></li>
								<li><a href="/ej2-react/release-notes/19.3.45">v19.3.45</a></li>
								<li><a href="/ej2-react/release-notes/19.3.44">v19.3.44</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/19.3.53">v19.3.53 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/19.3.43">v19.3.43 Main Release</a></li>
					</ul>
				</li>
				<li>2021 Volume 2 - 19.2.*
					<ul>
						<li> Weekly Release 
							<ul>
								<li><a href="/ej2-react/release-notes/19.2.62">v19.2.62</a></li>
								<li><a href="/ej2-react/release-notes/19.2.60">v19.2.60</a></li>
								<li><a href="/ej2-react/release-notes/19.2.59">v19.2.59</a></li>
								<li><a href="/ej2-react/release-notes/19.2.57">v19.2.57</a></li>
								<li><a href="/ej2-react/release-notes/19.2.56">v19.2.56</a></li>
								<li><a href="/ej2-react/release-notes/19.2.51">v19.2.51</a></li>
								<li><a href="/ej2-react/release-notes/19.2.49">v19.2.49</a></li>
								<li><a href="/ej2-react/release-notes/19.2.48">v19.2.48</a></li>
								<li><a href="/ej2-react/release-notes/19.2.47">v19.2.47</a></li>
								<li><a href="/ej2-react/release-notes/19.2.46">v19.2.46</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/19.2.55">v19.2.55 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/19.2.44">v19.2.44 Main Release</a></li>
					</ul>
				</li>
				<li>2021 volume 1 - 19.1.*
					<ul>
						<li> Weekly Release 
							<ul>
								<li><a href="/ej2-react/release-notes/19.1.69">v19.1.69</a></li>
								<li><a href="/ej2-react/release-notes/19.1.67">v19.1.67</a></li>
								<li><a href="/ej2-react/release-notes/19.1.66">v19.1.66</a></li>
								<li><a href="/ej2-react/release-notes/19.1.65">v19.1.65</a></li>
								<li><a href="/ej2-react/release-notes/19.1.64">v19.1.64</a></li>
								<li><a href="/ej2-react/release-notes/19.1.59">v19.1.59</a></li>
								<li><a href="/ej2-react/release-notes/19.1.58">v19.1.58</a></li>
								<li><a href="/ej2-react/release-notes/19.1.57">v19.1.57</a></li>
								<li><a href="/ej2-react/release-notes/19.1.56">v19.1.56</a></li>
								<li><a href="/ej2-react/release-notes/19.1.55">v19.1.55</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/19.1.63">v19.1.63 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/19.1.54">v19.1.54 Main release</a></li>
					</ul>
				</li>
				<li>2020 volume 4 - 18.4.*
					<ul>
						<li> Weekly Release 
							<ul>
								<li><a href="/ej2-react/release-notes/18.4.49">v18.4.49</a></li>
								<li><a href="/ej2-react/release-notes/18.4.48">v18.4.48</a></li>
								<li><a href="/ej2-react/release-notes/18.4.47">v18.4.47</a></li>
								<li><a href="/ej2-react/release-notes/18.4.46">v18.4.46</a></li>
								<li><a href="/ej2-react/release-notes/18.4.44">v18.4.44</a></li>
								<li><a href="/ej2-react/release-notes/18.4.43">v18.4.43</a></li>
								<li><a href="/ej2-react/release-notes/18.4.42">v18.4.42</a></li>
								<li><a href="/ej2-react/release-notes/18.4.41">v18.4.41</a></li>
								<li><a href="/ej2-react/release-notes/18.4.35">v18.4.35</a></li>
								<li><a href="/ej2-react/release-notes/18.4.34">v18.4.34</a></li>
								<li><a href="/ej2-react/release-notes/18.4.33">v18.4.33</a></li>
								<li><a href="/ej2-react/release-notes/18.4.32">v18.4.32</a></li>
								<li><a href="/ej2-react/release-notes/18.4.31">v18.4.31</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/18.4.39">v18.4.39 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/18.4.30">v18.4.30 Main Release</a></li>
					</ul>
				</li>
				<li>2020 volume 3 - 18.3.*
					<ul>
						<li> Weekly Release 
							<ul>
								<li><a href="/ej2-react/release-notes/18.3.53">v18.3.53</a></li>
								<li><a href="/ej2-react/release-notes/18.3.52">v18.3.52</a></li>
								<li><a href="/ej2-react/release-notes/18.3.51">v18.3.51</a></li>
								<li><a href="/ej2-react/release-notes/18.3.50">v18.3.50</a></li>
								<li><a href="/ej2-react/release-notes/18.3.48">v18.3.48</a></li>
								<li><a href="/ej2-react/release-notes/18.3.44">v18.3.44</a></li>
								<li><a href="/ej2-react/release-notes/18.3.42">v18.3.42</a></li>
								<li><a href="/ej2-react/release-notes/18.3.40">v18.3.40</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/18.3.47">v18.3.47 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/18.3.35">v18.3.35 Main release</a></li>
					</ul>
				</li>
				<li>2020 volume 2 - 18.2.*
					<ul>
						<li> Weekly Release 
							<ul>
								<li><a href="/ej2-react/release-notes/18.2.59">v18.2.59</a></li>
								<li><a href="/ej2-react/release-notes/18.2.58">v18.2.58</a></li>
								<li><a href="/ej2-react/release-notes/18.2.57">v18.2.57</a></li>
								<li><a href="/ej2-react/release-notes/18.2.56">v18.2.56</a></li>
								<li><a href="/ej2-react/release-notes/18.2.55">v18.2.55</a></li>
								<li><a href="/ej2-react/release-notes/18.2.54">v18.2.54</a></li>
								<li><a href="/ej2-react/release-notes/18.2.48">v18.2.48</a></li>
								<li><a href="/ej2-react/release-notes/18.2.47">v18.2.47</a></li>
								<li><a href="/ej2-react/release-notes/18.2.46">v18.2.46</a></li>
								<li><a href="/ej2-react/release-notes/18.2.45">v18.2.45</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/18.2.44">v18.2.44 Main Release</a></li>
					</ul>
				</li>
				<li>2020 volume 1 - 18.1.*
					<ul>
						<li> Weekly Release 
							<ul>
								<li><a href="/ej2-react/release-notes/18.1.59">v18.1.59</a></li>
								<li><a href="/ej2-react/release-notes/18.1.57">v18.1.57</a></li>
								<li><a href="/ej2-react/release-notes/18.1.56">v18.1.56</a></li>
								<li><a href="/ej2-react/release-notes/18.1.55">v18.1.55</a></li>
								<li><a href="/ej2-react/release-notes/18.1.54">v18.1.54</a></li>
								<li><a href="/ej2-react/release-notes/18.1.53">v18.1.53</a></li>
								<li><a href="/ej2-react/release-notes/18.1.48">v18.1.48</a></li>
								<li><a href="/ej2-react/release-notes/18.1.46">v18.1.46</a></li>
								<li><a href="/ej2-react/release-notes/18.1.45">v18.1.45</a></li>
								<li><a href="/ej2-react/release-notes/18.1.44">v18.1.44</a></li>
								<li><a href="/ej2-react/release-notes/18.1.43">v18.1.43</a></li>
							</ul>
						</li>
						<li><a href="/ej2-react/release-notes/18.1.52">v18.1.52 Service Pack Release</a></li>
						<li><a href="/ej2-react/release-notes/18.1.42">v18.1.42 Main Release</a></li>
						<li><a href="/ej2-react/release-notes/18.1.36">v18.1.36 Beta Release</a></li>
					</ul>
				</li>
				<li>2019 volume 4 - 17.4.*
						<ul>
							<li> Weekly Release 
								<ul><li><a href="/ej2-react/release-notes/17.4.55">v17.4.55</a></li>
									<li><a href="/ej2-react/release-notes/17.4.51">v17.4.51</a></li>
									<li><a href="/ej2-react/release-notes/17.4.50">v17.4.50</a></li>
									<li><a href="/ej2-react/release-notes/17.4.49">v17.4.49</a></li>
									<li><a href="/ej2-react/release-notes/17.4.47">v17.4.47</a></li>
									<li><a href="/ej2-react/release-notes/17.4.44">v17.4.44</a></li>
									<li><a href="/ej2-react/release-notes/17.4.43">v17.4.43</a></li>
									<li><a href="/ej2-react/release-notes/17.4.41">v17.4.41</a></li>
									<li><a href="/ej2-react/release-notes/17.4.40">v17.4.40</a></li>
								</ul>
							</li>
							<li><a href="/ej2-react/release-notes/17.4.46">v17.4.46 Service Pack Release</a></li>
							<li><a href="/ej2-react/release-notes/17.4.39">v17.4.39 Main Release</a></li>
						</ul>
				</li>
				<li>2019 Volume 3 - 17.3.*
						<ul>
						    <li> Weekly Release 
						        <ul><li><a href="/ej2-react/release-notes/17.3.34">v17.3.34</a></li>
									<li><a href="/ej2-react/release-notes/17.3.30">v17.3.30</a></li>
									<li><a href="/ej2-react/release-notes/17.3.29">v17.3.29</a></li>
									<li><a href="/ej2-react/release-notes/17.3.28">v17.3.28</a></li>
									<li><a href="/ej2-react/release-notes/17.3.27">v17.3.27</a></li>
						            <li><a href="/ej2-react/release-notes/17.3.21">v17.3.21</a></li>
						            <li><a href="/ej2-react/release-notes/17.3.19">v17.3.19</a></li>
						            <li><a href="/ej2-react/release-notes/17.3.17">v17.3.17</a></li>
									<li><a href="/ej2-react/release-notes/17.3.16">v17.3.16</a></li>
						      </ul>
						    </li>
						    <li><a href="/ej2-react/release-notes/17.3.26">v17.3.26 Service Pack Release</a></li>
							<li><a href="/ej2-react/release-notes/17.3.14">v17.3.14 Main Release </a></li>
							<li><a href="/ej2-react/release-notes/17.3.9">v17.3.9 Beta Release </a></li>
						</ul>
					</li>				
					<li> 2019 Volume 2 - 17.2.*
						<ul>
							<li> Weekly Release 
								<ul>

									<li><a href="/ej2-react/release-notes/17.2.49">v17.2.49</a></li> 
									<li><a href="/ej2-react/release-notes/17.2.48">v17.2.48</a></li> 
									<li> <a href="/ej2-react/release-notes/17.2.47">v17.2.47</a></li>
									<li> <a href="/ej2-react/release-notes/17.2.41">v17.2.41</a></li>
								    <li> <a href="/ej2-react/release-notes/17.2.40">v17.2.40</a></li>
								    <li> <a href="/ej2-react/release-notes/17.2.39">v17.2.39</a></li>
									<li> <a href="/ej2-react/release-notes/17.2.36">v17.2.36</a></li>
									<li> <a href="/ej2-react/release-notes/17.2.35">v17.2.35</a></li> 
								</ul>
							</li>
							<li> <a href="/ej2-react/release-notes/17.2.46">v17.2.46 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/17.2.34">v17.2.34 Main Release</a></li>
							<li> <a href="/ej2-react/release-notes/17.2.28">v17.2.28 Beta Release</a></li>  				
						</ul>
					</li>
					<li> 2019 Volume 1 - 17.1.*
						<ul>
							<li> Weekly Release 
								<ul> 
								    <li> <a href="/ej2-react/release-notes/17.1.53">v17.1.53</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.51">v17.1.51</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.50">v17.1.50</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.49">v17.1.49</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.48">v17.1.48</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.44">v17.1.44</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.43">v17.1.43</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.42">v17.1.42</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.41">v17.1.41</a></li>
									<li> <a href="/ej2-react/release-notes/17.1.40">v17.1.40</a></li>
								</ul>
							</li>
							<li> <a href="/ej2-react/release-notes/17.1.47">v17.1.47 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/17.1.38">v17.1.38 Main Release</a></li>
							<li> <a href="/ej2-react/release-notes/17.1.32">v17.1.32 Beta Release</a></li>	
                            <li> <a href="/ej2-react/release-notes/17.1.1">v17.1.1 Beta Release</a></li>								
						</ul>
					</li>
					<li> 2018 Volume 4 - v16.4.*
						<ul>
							<li> Weekly Release 
								<ul> 
									<li> <a href="/ej2-react/release-notes/16.4.55">v16.4.55</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.54">v16.4.54</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.53">v16.4.53</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.48">v16.4.48</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.47">v16.4.47</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.46">v16.4.46</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.45">v16.4.45</a></li>
									<li> <a href="/ej2-react/release-notes/16.4.44">v16.4.44</a></li>
								</ul>
							</li>
							<li> <a href="/ej2-react/release-notes/16.4.52">v16.4.52 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/16.4.42">v16.4.42 Main Release</a></li>
							<li> <a href="/ej2-react/release-notes/16.4.40">v16.4.40 Beta Release</a></li>												
						</ul>
					</li>
					<li> 2018 Volume 3 - v16.3.*
						<ul>
							<li> Weekly Release 
								<ul> 
								    <li> <a href="/ej2-react/release-notes/16.3.34">v16.3.34</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.33">v16.3.33</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.32">v16.3.32</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.31">v16.3.31</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.30">v16.3.30</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.27">v16.3.27</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.25">v16.3.25</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.24">v16.3.24</a></li>
									<li> <a href="/ej2-react/release-notes/16.3.23">v16.3.23 </a></li>
									<li> <a href="/ej2-react/release-notes/16.3.22">v16.3.22</a></li>
								</ul>
							</li>
							<li> <a href="/ej2-react/release-notes/16.3.29">v16.3.29 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/16.3.21">v16.3.21 Main Release</a></li>		
							<li> <a href="/ej2-react/release-notes/16.3.17">v16.3.17 Beta Release</a></li>								
						</ul>
					</li>
					<li> 2018 Volume 2 - v16.2.*
						<ul>
							<li> Weekly Release 
								<ul> 
								    <li> <a href="/ej2-react/release-notes/16.2.52">v16.2.52</a></li>
								    <li> <a href="/ej2-react/release-notes/16.2.51">v16.2.51</a></li>
								    <li> <a href="/ej2-react/release-notes/16.2.50">v16.2.50</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.49">v16.2.49</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.48">v16.2.48</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.47">v16.2.47</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.45">v16.2.45</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.44">v16.2.44</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.43">v16.2.43</a></li>
									<li> <a href="/ej2-react/release-notes/16.2.42">v16.2.42</a></li>
								</ul>
							</li>
							<li> <a href="/ej2-react/release-notes/16.2.46">v16.2.46 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/16.2.41">v16.2.41 Main Release</a></li>												
						</ul>
					</li>
					<li> 2018 Volume 1 - 16.1.*
						<ul>
						<li> Weekly Release <ul>
						<li><a href="/ej2-react/release-notes/16.1.49">16.1.49</a></li>
						<li><a href="/ej2-react/release-notes/16.1.48">16.1.48</a></li>
						<li><a href="/ej2-react/release-notes/16.1.47">16.1.47</a></li>
						<li><a href="/ej2-react/release-notes/16.1.46">16.1.46</a></li>
						<li><a href="/ej2-react/release-notes/16.1.45">16.1.45</a></li>
						<li><a href="/ej2-react/release-notes/16.1.44">16.1.44</a></li>
						<li><a href="/ej2-react/release-notes/16.1.43">16.1.43</a></li>
						<li><a href="/ej2-react/release-notes/16.1.42">16.1.42</a></li>
						<li><a href="/ej2-react/release-notes/16.1.41">16.1.41</a></li>
						<li><a href="/ej2-react/release-notes/16.1.40">16.1.40</a></li>
						<li><a href="/ej2-react/release-notes/16.1.39">16.1.39</a></li>
						<li><a href="/ej2-react/release-notes/16.1.38">16.1.38</a></li>						
						<li><a href="/ej2-react/release-notes/16.1.35">16.1.35</a></li>
						<li><a href="/ej2-react/release-notes/16.1.33">16.1.33</a></li>
						<li><a href="/ej2-react/release-notes/16.1.30">16.1.30</a></li>
						<li><a href="/ej2-react/release-notes/16.1.29">16.1.29</a></li>
						<li><a href="/ej2-react/release-notes/16.1.28">16.1.28</a></li>
						</ul></li>
						    <li> <a href="/ej2-react/release-notes/16.1.37">v16.1.37 Service Pack Release</a></li>
					        <li> <a href="/ej2-react/release-notes/16.1.34">v16.1.34 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/16.1.32">v16.1.32 Service Pack Release</a></li>
							<li> <a href="/ej2-react/release-notes/16.1.25">v16.1.25 Refresh Release</a></li>
						    <li> <a href="/ej2-react/release-notes/16.1.24">v16.1.24 Main Release</a></li>					
						</ul>
					</li>										
					<li> 2017 Volume 4 - 15.4.*
						<ul>
						<li> Weekly Release <ul>
						<li><a href="/ej2-react/release-notes/15.4.30">15.4.30</a></li>
						<li><a href="/ej2-react/release-notes/15.4.29">15.4.29</a></li>
						<li><a href="/ej2-react/release-notes/15.4.28">15.4.28</a></li>
						<li><a href="/ej2-react/release-notes/15.4.27">15.4.27</a></li>
						<li><a href="/ej2-react/release-notes/15.4.26">15.4.26</a></li>
						<li><a href="/ej2-react/release-notes/15.4.25">15.4.25</a></li>
						<li><a href="/ej2-react/release-notes/15.4.24">15.4.24</a></li>						
						<li><a href="/ej2-react/release-notes/15.4.22">15.4.22</a></li>
						<li><a href="/ej2-react/release-notes/15.4.21">15.4.21</a></li>
						<li><a href="/ej2-react/release-notes/15.4.20">15.4.20</a></li>
						<li><a href="/ej2-react/release-notes/15.4.19">15.4.19</a></li>
						<li><a href="/ej2-react/release-notes/15.4.18">15.4.18</a></li>
						</ul></li>
					        <li> <a href="/ej2-react/release-notes/15.4.23">v15.4.23 Service Pack Release</a></li>
						    <li> <a href="/ej2-react/release-notes/15.4.17">v15.4.17 Main Release</a></li>					
						</ul>
					</li>					
				</ul>
            </li>
</ul>