blazor-toc.html

<?xml version="1.0" encoding="utf-8"?>
<ul class="treeview">
	<li>
		<a href="/blazor/introduction">Introduction</a>
	</li>
	<li>
        <a href="/cr/blazor">API Reference</a>
    </li>

	<li>
		<a href="/blazor/system-requirements">System Requirements</a>
	</li>
	<li>
		<a href="/blazor/browser-support">Browser Compatibility</a>
	</li>
	<li>
		<a href="/blazor/nuget-packages">NuGet Packages</a>
	</li>

	<li>Getting Started
		<ul>
		    <li>
				<a href="/blazor/getting-started/blazor-web-app">Blazor Web App in Visual Studio</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-server-side-visual-studio">Blazor Server Side App in Visual Studio</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-webassembly-visual-studio">Blazor WebAssembly App in Visual Studio</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-web-app-dotnet-cli">Blazor Web App in .NET CLI</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-server-side-dotnet-cli">Blazor Server Side App in .NET CLI</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-webassembly-dotnet-cli">Blazor WebAssembly App in .NET CLI</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-webassembly-authentication">Blazor Standalone WebAssembly App with Authentication Library</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-server-side-mac">Blazor Server Side App in Visual Studio for Mac</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-webassembly-visual-studio-mac">Blazor WebAssembly App in Visual Studio for Mac</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-web-app-linux">Blazor Web App in Linux</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-core-hosted">Blazor ASP.NET Core Hosted App in Visual Studio</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-core-hosted-cli">Blazor ASP.NET Core Hosted App using .NET CLI</a>
			</li>
			<li>
				<a href="/blazor/getting-started/razor-class-library">Razor Class Library in Visual Studio</a>
			</li>
			<li>
				<a href="/blazor/getting-started/maui-blazor-app">.NET MAUI Blazor App</a>
			</li>
			<li>
				<a href="/blazor/getting-started/microsoft-teams-app">Microsoft Teams App</a>
			</li>
			<li>
				<a href="/blazor/getting-started/blazor-electron-app">Blazor Electron App</a>
			</li>
			<li>
				<a href="/blazor/getting-started/wpf-blazor-app">WPF Blazor App</a>
			</li>
			<li>Using Syncfusion.Blazor NuGet
				<ul>
					<li><a href="/blazor/getting-started/blazor-web-app-single-nuget">Blazor Web App</a></li>
					<li><a href="/blazor/getting-started/blazor-single-nuget">Blazor Server and WASM App</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li>License
		<ul>
			<li>
				<a href="/blazor/getting-started/license-key/overview">Overview</a>
			</li>
			<li>
				<a href="/blazor/getting-started/license-key/how-to-generate">Generate Blazor License Key</a>
			</li>
			<li>
				<a href="/blazor/getting-started/license-key/how-to-register-in-an-application">Register License Key in Blazor Application</a>
			</li>
			<li>
				<a href="/blazor/getting-started/license-key/how-to-register-in-a-razor-class-library">Register License Key in a Razor Class Library Application</a>
			</li>
			<li>
				<a href="/blazor/getting-started/license-key/CI-license-validation">How to Validate Syncfusion License Key In CI Services?</a>
			</li>
			<li>
				<a href="/blazor/getting-started/license-key/licensing-errors">Licensing Errors</a>
			</li>
			<li>
				<a href="/blazor/getting-started/license-key/licensing-faq">Licensing FAQ</a>
			</li>
		</ul>
	</li>
	<li>Installation<ul>
	    <li>Web Installer
	    <ul>
			<li>
				<a href="/blazor/installation/web-installer/how-to-download">How to Download?</a>
			</li>
			<li>
				<a href="/blazor/installation/web-installer/how-to-install">How to Install?</a>
			</li>
		</ul>

	    </li>
	    <li>Offline Installer
	    <ul>
			<li>
				<a href="/blazor/installation/offline-installer/how-to-download">How to Download?</a>
			</li>
			<li>
				<a href="/blazor/installation/offline-installer/how-to-install">How to Install?</a>
			</li>
	    </ul>
	    </li>
	    <li>Mac Installer
	    <ul>
			<li>
				<a href="/blazor/installation/mac-installer/how-to-download">How to Download?</a>
			</li>
			<li>
				<a href="/blazor/installation/mac-installer/how-to-install">How to Install?</a>
			</li>
	    </ul>
	    </li>
	    <li>Linux Installer
	    <ul>
			<li>
				<a href="/blazor/installation/linux-installer/how-to-download">How to Download?</a>
			</li>
			<li>
				<a href="/blazor/installation/linux-installer/how-to-install">How to Install?</a>
			</li>
	    </ul>
	    </li>

			<li>
				<a href="/blazor/installation/install-nuget-packages">Install through NuGet Packages</a>
			</li>
			<li>
				<a href="/blazor/installation/common-installation-errors">Common Installation Errors</a>
			</li>
		</ul>
	</li>
	<li>Upgrade
	    <ul>
			<li>
				<a href="/blazor/upgrade/release-history">Release History</a>
			</li>
			<li>
				<a href="/blazor/common/how-to/version-compatibility">Version Compatibility</a>
			</li>
			<li>
				<a href="/blazor/upgrade/how-to-upgrade">How to Upgrade Syncfusion Blazor Installer to Latest Version?</a>
			</li>
			<li>
				<a href="/blazor/upgrade/upgrade-syncfusion-blazor-nuget-packages">How to Upgrade Syncfusion Blazor NuGet Packages to Latest Version?</a>
			</li>
			<li>
				<a href="/blazor/upgrade/how-to-upgrade-syncfusion-components-using-vs-extensions">How to Upgrade Syncfusion Blazor Components using VS Extensions?</a>
			</li>
		</ul>

	</li>
	<li>Appearance
		<ul>
			<li>
				<a href="/blazor/appearance/themes">Built-in Themes</a>
			</li>
			<li>
				<a href="/blazor/appearance/size-modes">Size Modes</a>
			</li>
			<li>
				<a href="/blazor/appearance/theme-studio">Theme Studio</a>
			</li>
			<li>
				<a href="/blazor/appearance/icons">Icons</a>
			</li>
			<li>
				<a href="/blazor/appearance/figma">Figma UI Kits</a>
			</li>
		</ul>
	</li>
	<li>Common
		<ul>
			<li>
				<a href="/blazor/common/how-to/version-compatibility">Version Compatibility</a>
			</li>
			<li>
				<a href="/blazor/common/adding-script-references">Adding Script References</a>
			</li>
			<li>
				<a href="/blazor/common/custom-resource-generator">Custom Resource Generator(CRG)</a>
			</li>
			<li>Data Binding
				<ul>
					<li>
						<a href="/blazor/common/data-binding/data-updates">Observable Collection and INotifyPropertyChanged</a>
					</li>
					<li>
						<a href="/blazor/common/data-binding/two-way-binding">Two-Way Binding</a>
					</li>
					<li>
						<a href="/blazor/common/data-binding/restful-service-binding">Bind data from RESTful web services</a>
					</li>
					<li>
						<a href="/blazor/common/data-binding/webapi-service-binding">Bind data using WebApiAdaptor of DataManager</a>
					</li>
					<li>
						<a href="/blazor/common/data-binding/sql-server-data-binding">Bind data using SQL Server</a>
					</li>
					<li>
						<a href="/blazor/common/data-binding/bind-entity-framework">Bind data from SQL Server using EntityFramework Core</a>
					</li>
					<li><a href="/blazor/common/data-binding/dapper-databinding">Bind data using Dapper</a></li>
					<li>
						<a href="/blazor/common/data-binding/grpc-data-binding">Bind data using gRPC service</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/common/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/common/localization">Localization</a>
			</li>
			<li>
				<a href="/blazor/common/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/common/right-to-left">Right-To-Left</a>
			</li>
			<li>
				<a href="/blazor/common/state-persistance">State Persistence</a>
			</li>
			<li>
				<a href="/blazor/common/animation">Animation</a>
			</li>
			<li>
				<a href="/blazor/common/input-validation">Input Form Validation</a>
			</li>
			<li>
				<a href="/blazor/common/html-attributes">HTML Attributes</a>
			</li>
			<li>
				<a href="/blazor/common/deployment">Deployment</a>
			</li>
			<li>
				<a href="/blazor/common/cdn-fallback">CDN Fallback</a>
			</li>
			<li>
				<a href="/blazor/common/content-security-policy">Content Security Policy</a>
			</li>
			<li>
				<a href="/blazor/common/best-practices">Best Practices</a>
			</li>
			<li>
				<a href="/blazor/common/showcase-samples">Blazor Showcase Samples</a>
			</li>
			<li>How To
				<ul>
	    			<li>
			        	<a href="/blazor/common/extend-and-customize-components">Extend and Customize the Syncfusion Components</a>
		        	</li>
					<li>
						<a href="/blazor/common/how-to/add-blazor-component-on-existing-aspnet-core-mvc-app">Add Blazor Components on Existing ASP.NET Core MVC Application</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/render-blazor-server-app-in-ie">Render the Blazor Server App in IE11 Browser</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version">Upgrade Syncfusion Components to Latest Version</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/upgrade-syncfusion-components-to-18dot1-version">Upgrade Syncfusion Components to 18.1.0.36 Version</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/create-blazor-webassembly-prerendering">Blazor WebAssembly Prerendering</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/configure-blazor-component-in-bunit-testing">BUnit Testing</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/use-blazor-report-viewer">Syncfusion ReportViewer in Blazor application</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/port-blazor-server-maui">Port Syncfusion Blazor Server App to MAUI Blazor Hybrid App</a>
					</li>
					<li>
						<a href="/blazor/common/how-to/troubleshoot">Troubleshoot</a>
					</li>
				</ul>
			</li>
			<li>Playground
				<ul>
					<li>
						<a href="/blazor/common/playground/getting-started">Getting Started</a>
					</li>
					<li>
						<a href="/blazor/common/playground/working-with-components">Working with components </a>
					</li>
					<li>
						<a href="/blazor/common/playground/end-user-capabilities">End-User Capabilities </a>
					</li>
					<li>
						<a href="/blazor/common/playground/managing-nuget-packages">Managing NuGet Packages </a>
					</li>
					<li>
						<a href="/blazor/common/playground/build-in-code-snippets">Built-in Code Snippets </a>
					</li>
					<li>
						<a href="/blazor/common/playground/configure-services">Configure Service</a>
					</li>
				</ul>

			</li>
		</ul>
	</li>
	<li>3D Chart
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/3D-chart/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/getting-started">Blazor Server App</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/getting-started-wasm">Blazor WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/3D-chart/working-with-data">Working with Data</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/chart-dimensions">Chart Dimensions</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/category-axis">Category Axis</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/numeric-axis">Numeric Axis</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/date-time-axis">DateTime Axis</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/logarithmic-axis">Logarithmic Axis</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/axis-labels">Axis Labels</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/axis-customization">Axis Customization</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/multiple-panes">Multiple Panes</a>
			</li>
			<li>Chart Types
				<ul>
					<li>
						<a href="/blazor/3D-chart/chart-types/column">Column</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/chart-types/stacked-column">Stacked Column</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/chart-types/stack-column">100% Stacked Column</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/chart-types/bar">Bar Charts</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/chart-types/stacked-bar">Stacked Bar</a>
					</li>
					<li>
						<a href="/blazor/3D-chart/chart-types/stack-bar">100% Stacked Bar</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/3D-chart/data-labels">Data Labels</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/legend">Legend</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/tool-tip">Tooltip</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/selection">Selection</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/print-export">Print and Export</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/appearance">Appearance</a>
			</li>
			<li>
				<a href="/blazor/3D-chart/accessibility">Accessibility</a>
			</li>
		</ul>
	</li>
	<li>Visual Studio Code Integration
		<ul>
			<li>
				<a href="/blazor/visual-studio-code-integration/overview">Overview</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-code-integration/download-and-installation">Download and Installation</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-code-integration/create-project">Create Project</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-code-integration/code-snippet">Code Snippet</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-code-integration/convert-project">Convert Project</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-code-integration/upgrade-project">Upgrade Project</a>
			</li>
		</ul>
	</li>
	<li>Visual Studio Integration
		<ul>
			<li>
				<a href="/blazor/visual-studio-integration/overview">Overview</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/download-and-installation">Download and Installation</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/template-studio">Template Studio</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/code-generator">Code Generator</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/convert-project">Convert Project</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/upgrade-project">Upgrade Project</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/scaffolding">Scaffolding</a>
			</li>
			<li>
				<a href="/blazor/visual-studio-integration/Syncfusion-Notifications">Notifications</a>
			</li>
		</ul>
	</li>
	<li>Accordion
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/accordion/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/accordion/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/accordion/data-binding">Data binding</a>
			</li>
			<li>
				<a href="/blazor/accordion/expand-mode">Expand Mode</a>
			</li>
			<li>
				<a href="/blazor/accordion/animations">Animations</a>
			</li>
			<li>
				<a href="/blazor/accordion/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/accordion/style">Style and Appearance</a>
			</li>
			<li>
				<a href="/blazor/accordion/content-render-mode">Content Render Mode</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/accordion/how-to/add-remove-accordion-items">Add/Remove Accordion Items</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/show-hide-accordion-item">Show/Hide Accordion Item</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/enable-disable-accordion-item">Enable or Disable item</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/add-icon-to-accordion-header">Add Icon to Header</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/prevent-expand-collapse-accordion-item">Prevent Expand or Collapse Item</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/add-nested-accordion">Add Nested Accordion</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/create-wizard-using-accordion">Create Wizard</a>
					</li>
					<li>
						<a href="/blazor/accordion/how-to/integrate-treeview-inside-the-accordion">Treeview Integration</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfAccordion.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Accumulation Chart
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/accumulation-chart/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/accumulation-chart/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>

			<li>
				Chart Types
				<ul>
					<li>
						<a href="/blazor/accumulation-chart/chart-types/pie-doughnut">Pie and Doughnut</a>
					</li>
					<li>
						<a href="/blazor/accumulation-chart/chart-types/pyramid">Pyramid</a>
					</li>
					<li>
						<a href="/blazor/accumulation-chart/chart-types/funnel">Funnel</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/data-label">Data Label</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/grouping">Grouping</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/empty-points">Empty Points</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/annotation">Annotation</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/animation">Animation</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/tool-tip">Tooltip</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/legend">Legend</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/adaptive-layout">Adaptive Layout</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/title-and-sub-title">Title and Subtitle</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/chart-print">Print and Export</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/accumulation-chart/events">Events</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/accumulation-chart/how-to/do-nut">Text placing center of the doughnut</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfAccumulationChart.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>AI AssistView
		<ul>
      		<li>Getting Started
				<ul>
					<li> <a href="/blazor/ai-assistview/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/ai-assistview/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/ai-assistview/assist-view">Assist view</a></li>
			<li><a href="/blazor/ai-assistview/toolbar-items">Toolbar items</a></li>
			<li><a href="/blazor/ai-assistview/custom-view">Custom views</a></li>
			<li><a href="/blazor/ai-assistview/templates">Templates</a></li>
			<li><a href="/blazor/ai-assistview/appearance">Appearance</a></li>
			<li><a href="/blazor/ai-assistview/accessibility">Accessibility</a></li>
			<li><a href="/blazor/ai-assistview/methods">Methods</a></li>
			<li><a href="/blazor/ai-assistview/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>AppBar
		<ul>
            <li>Getting Started
				<ul>
					<li>
						<a href="/blazor/appbar/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/appbar/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
            </li>

			<li>
				<a href="/blazor/appbar/size-and-color">Size and Color</a>
			</li>
			<li>
				<a href="/blazor/appbar/position">Position</a>
			</li>
			<li>
				<a href="/blazor/appbar/design">Design</a>
			</li>
			<li>
				<a href="/blazor/appbar/style-and-appearance">Style and Appearance</a>
			</li>
			<li>
				<a href="/blazor/appbar/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfAppBar.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>AutoComplete
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/autocomplete/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/autocomplete/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/autocomplete/value-binding">Value Binding</a>
		    </li>
			<li>
				<a href="/blazor/autocomplete/selection">Selection</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/placeholder-and-floatlabel">Placeholder and Floatlabel</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/filtering">Filtering</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/highlight-search">Highlight Search</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/custom-value">Custom Value</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/sorting">Sorting</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/grouping">Grouping</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/disabled-items">Disabled Items</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/virtualization">Virtualization</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/templates">Templates</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/multicolumn">Multicolumn AutoComplete</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/popup-setting">Popup Setting</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/style">Style and Appearance</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/localization">Localization</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/data-source">Data Source</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/native-events">Native Events</a>
			</li>
			<li>
				<a href="/blazor/autocomplete/events">Events</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfAutoComplete-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Avatar
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/avatar/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/avatar/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>

		</ul>
	</li>
	<li>Badge
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/badge/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/badge/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>

		</ul>
	</li>
	<li>Barcode
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/barcode/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/barcode/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/barcode/barcodeGenerator">Barcode Generator</a>
			</li>
			<li>
				<a href="/blazor/barcode/qrcodegenerator">QR Code generator</a>
			</li>
			<li>
				<a href="/blazor/barcode/datamatrixgenerator">Data Matrix Generator</a>
			</li>
			<li>
				<a href="/blazor/barcode/export">Export</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.BarcodeGenerator.SfBarcodeGenerator.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Breadcrumb
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/breadcrumb/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/breadcrumb/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/breadcrumb/breadcrumb-items">Breadcrumb Items</a>
			</li>
			<li>
				<a href="/blazor/breadcrumb/icons">Icons</a>
			</li>
			<li>
				<a href="/blazor/breadcrumb/navigation">Navigations</a>
			</li>
			<li>
				<a href="/blazor/breadcrumb/overflow">Overflow</a>
			</li>
			<li>
				<a href="/blazor/breadcrumb/templates">Templates</a>
			</li>
			<li>
				<a href="/blazor/breadcrumb/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Bullet Chart
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/bullet-chart/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/bullet-chart/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/bullet-chart/bullet-chart-dimensions">Dimensions</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/axis-customization">Axis Customization</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/data-binding">Working with Data</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/ranges">Ranges</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/actual-bar">Actual Bar</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/target-bar">Target Bar</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/title">Title and Subtitle</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/customization">Customization</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/data-label">Data Labels</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/tool-tip">Tooltip</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/legend">Legend</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/bullet-chart/events">Events</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfBulletChart-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Button
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/button/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/button/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/button/native-event">Native Events</a>
			</li>
			<li>
				<a href="/blazor/button/types-and-styles">Types and Styles</a>
			</li>
			<li>
				<a href="/blazor/button/style-and-appearance">Styles and Appearances</a>
			</li>
			<li>
				<a href="/blazor/button/accessibility">Accessibility</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/button/how-to/create-a-block-button">Create a Block Button</a>
					</li>
					<li>
						<a href="/blazor/button/how-to/customize-button-appearance">Customize Button Appearance</a>
					</li>
					<li>
						<a href="/blazor/button/how-to/html-attribute-support">HTML Attribute Support</a>
					</li>
					<li>
						<a href="/blazor/button/how-to/repeat-button">Repeat Button</a>
					</li>
					<li>
						<a href="/blazor/button/how-to/right-to-left">Right-To-Left</a>
					</li>
					<li>
						<a href="/blazor/button/how-to/set-the-disabled-state">Set the disabled state</a>
					</li>
					<li>
						<a href="/blazor/button/how-to/tooltip-for-button">Tooltip for Button</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfButton.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>ButtonGroup
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/button-group/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/button-group/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/button-group/native-event">Native Events</a>
			</li>
			<li>
				<a href="/blazor/button-group/types-and-styles">Types and Styles</a>
			</li>
			<li>
				<a href="/blazor/button-group/selection-and-nesting">Selection and Nesting</a>
			</li>
			<li>
				<a href="/blazor/button-group/style-and-appearance">Styles and Appearances</a>
			</li>
			<li>
				<a href="/blazor/button-group/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfButtonGroup.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Calendar
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/calendar/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/calendar/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/calendar/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/calendar/date-range">Date Range</a>
			</li>
			<li>
				<a href="/blazor/calendar/dateonly-support">DateOnly Support</a>
			</li>
			<li>
				<a href="/blazor/calendar/multi-select">Multi Selection</a>
			</li>
			<li>
				<a href="/blazor/calendar/calendar-views">Calendar Views</a>
			</li>
			<li>
				<a href="/blazor/calendar/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/calendar/islamic-calendar">Islamic Calendar</a>
			</li>
			<li>
				<a href="/blazor/calendar/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/calendar/events">Events</a>
			</li>
			<li>
				<a href="/blazor/calendar/special-dates">Special Dates</a>
			</li>
			<li>
				<a href="/blazor/calendar/style-appearance">Style and Appearance</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/calendar/how-to/show-dates-of-other-months">Show Dates of Other Months</a>
					</li>
					<li>
						<a href="/blazor/calendar/how-to/render-the-calendar-with-week-numbers">Render the Calendar with Week Numbers</a>
					</li>
					<li>
						<a href="/blazor/calendar/how-to/change-the-first-day-of-week">Change the First Day of Week</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfCalendar-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Card
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/card/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/card/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/card/header-content">Header and Content</a>
			</li>
			<li>
				<a href="/blazor/card/card-image">Image and Divider</a>
			</li>
			<li>
				<a href="/blazor/card/action-buttons">Action Buttons</a>
			</li>
			<li>
				<a href="/blazor/card/horizontal">Horizontal Card</a>
			</li>
			<li>
				<a href="/blazor/card/style">Style and Appearance</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Cards.SfCard.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Carousel
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/carousel/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/carousel/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li><a href="/blazor/carousel/populating-items">Populating Items</a></li>
			<li><a href="/blazor/carousel/animations-and-transitions">Animations and Transitions</a></li>
			<li><a href="/blazor/carousel/navigators-and-indicators">Navigators and Indicators</a></li>
			<li><a href="/blazor/carousel/accessibility">Accessibility</a></li>
			<li><a href="/blazor/carousel/styles-and-appearance">Styles and Appearances</a></li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/carousel/how-to/load-images-in-webp-format">Load images in webp format</a>
					</li>
				</ul>
			</li>
			<li><a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html">API Reference</a></li>
		</ul>
	</li>
	<li>Charts
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/chart/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/chart/getting-started">Blazor Server App</a>
					</li>
					<li>
						<a href="/blazor/chart/getting-started-wasm">Blazor WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/chart/working-with-data">Working with Data</a>
			</li>
			<li>
				<a href="/blazor/chart/chart-dimensions">Chart Dimensions</a>
			</li>
			<li>
				<a href="/blazor/chart/category-axis">Category Axis</a>
			</li>
			<li>
				<a href="/blazor/chart/numeric-axis">Numeric Axis</a>
			</li>
			<li>
				<a href="/blazor/chart/date-time-axis">DateTime Axis</a>
			</li>
			<li>
				<a href="/blazor/chart/logarithmic-axis">Logarithmic Axis</a>
			</li>
			<li>
				<a href="/blazor/chart/axis-labels">Axis Labels</a>
			</li>
			<li>
				<a href="/blazor/chart/axis-customization">Axis Customization</a>
			</li>
			<li>
				<a href="/blazor/chart/strip-line">Stripline</a>
			</li>
			<li>
				<a href="/blazor/chart/multiple-panes">Multiple Panes</a>
			</li>
			<li>Chart Types
				<ul>
					<li>
						<a href="/blazor/chart/chart-types/line">Line</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/step-line">Step Line</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stacked-line">Stacked Line</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stack-line">100% Stacked Line</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/spline">Spline</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/area">Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/range-area">Range Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/range-step-area">Range-Step-Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/spline-range-area">Spline Range Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stacked-area">Stacked Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stack-area">100% Stacked Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/step-area">Step Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/spline-area">Spline Area</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/column">Column</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/range-column">Range Column</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stacked-column">Stacked Column</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stack-column">100% Stacked Column</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/bar">Bar Charts</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stacked-bar">Stacked Bar</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/stack-bar">100% Stacked Bar</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/scatter">Scatter</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/bubble">Bubble</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/polar">Polar</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/radar">Radar</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/high-low">Hilo</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/high-low-open-close">High Low Open Close</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/candle">Candle</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/box-whisker">Box and Whisker</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/waterfall">Waterfall</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/histogram">Histogram</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/error-bar">Error Bar</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/vertical-chart">Vertical Chart</a>
					</li>
					<li>
						<a href="/blazor/chart/chart-types/pare-to">Pareto</a>
					</li>
				</ul>
			</li>
            <li>
				<a href="/blazor/chart/chart-series">Mixed Chart</a>
			</li>
			<li>
				<a href="/blazor/chart/data-markers">Markers</a>
			</li>
			<li>
				<a href="/blazor/chart/data-labels">Data Labels</a>
			</li>
			<li>
				<a href="/blazor/chart/data-label-template">Datalabel Template</a>
			</li>
			<li>
				<a href="/blazor/chart/chart-annotations">Annotation</a>
			</li>
			<li>
				<a href="/blazor/chart/chart-appearance">Appearance</a>
			</li>
			<li>
				<a href="/blazor/chart/legend">Legend</a>
			</li>
			<li>
				<a href="/blazor/chart/tool-tip">Tooltip</a>
			</li>
			<li>
				<a href="/blazor/chart/zooming">Zooming</a>
			</li>
			<li>
				<a href="/blazor/chart/data-editing">Data Editing</a>
			</li>
			<li>
				<a href="/blazor/chart/chart-sorting">Data Sorting</a>
			</li>
			<li>
				<a href="/blazor/chart/cross-hair-and-track-ball">Crosshair and Trackball</a>
			</li>
			<li>
				<a href="/blazor/chart/selection">Selection</a>
			</li>
			<li>
				<a href="/blazor/chart/adaptive-layout">Adaptive Layout</a>
			</li>
			<li>
				<a href="/blazor/chart/chart-print">Print and Export</a>
			</li>
			<li>
				<a href="/blazor/chart/technical-indicators">Technical Indicators</a>
			</li>
			<li>
				<a href="/blazor/chart/trend-lines">Trendlines</a>
			</li>
			<li>
				<a href="/blazor/chart/internationalization">Internationalization</a>
			</li>
			<li>
				<a href="/blazor/chart/localization">Localization</a>
			</li>
			<li>
				<a href="/blazor/chart/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/chart/advanced-accessibility-configuration">Advanced Accessibility Configuration</a>
			</li>
			<li>
				<a href="/blazor/chart/events">Events</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/chart/how-to/add-remove">Add or Remove Series</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/dynamic-points">Dynamic Points</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/synchronized-chart">Synchronized-chart</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/lazy-loading">Lazy Loading</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/tool-tip-table">Table in Tooltip</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/selected-data">Visualize grid data in chart</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/threshold">Threshold in Chart</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/live-chart">Live Chart</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/axis-hide">Hiding Axis</a>
					</li>
					<li>
						<a href="/blazor/chart/how-to/convert-millisecond-to-date-time">Convert millisecond to date time</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfChart.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Chat UI
		<ul>
      		<li>Getting Started
				<ul>
					<li> <a href="/blazor/chat-ui/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/chat-ui/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/chat-ui/messages">Messages</a></li>
			<li><a href="/blazor/chat-ui/timebreak">Time break</a></li>
			<li><a href="/blazor/chat-ui/timestamp">Timestamp</a></li>
			<li><a href="/blazor/chat-ui/typing-indicator">Typing indicator</a></li>
			<li><a href="/blazor/chat-ui/load-on-demand">Load on-demand</a></li>
			<li><a href="/blazor/chat-ui/header">Header</a></li>
			<li><a href="/blazor/chat-ui/footer">Footer</a></li>
			<li><a href="/blazor/chat-ui/templates">Templates</a></li>
			<li><a href="/blazor/chat-ui/appearance">Appearance</a></li>
			<li><a href="/blazor/chat-ui/globalization">Globalization</a></li>
			<li><a href="/blazor/chat-ui/accessibility">Accessibility</a></li>
			<li><a href="/blazor/chat-ui/methods">Methods</a></li>
			<li><a href="/blazor/chat-ui/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>CheckBox
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/check-box/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/check-box/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/check-box/native-event">Native Events</a>
			</li>
			<li>
				<a href="/blazor/check-box/label-and-size">Label and Size</a>
			</li>
			<li>
				<a href="/blazor/check-box/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/check-box/style-and-appearance">Styles and Appearances</a>
			</li>
		<li>How To
			<ul>
				<li>
					<a href="/blazor/check-box/how-to/customized-checkbox">Customized Checkbox</a>
				</li>
				<li>
					<a href="/blazor/check-box/how-to/checkbox-model-binding">Checkbox Model Binding</a>
				</li>
				<li>
					<a href="/blazor/check-box/how-to/right-to-left">Right-To-Left</a>
				</li>
			</ul>
		</li>
		<li>
			<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfCheckBox-1.html"> API Reference</a>
		</li>
	</ul>
	</li>
	<li>Chip
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/chip/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/chip/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/chip/types">Types</a>
			</li>
			<li>
				<a href="/blazor/chip/customization">Customization</a>
			</li>
			<li>
				<a href="/blazor/chip/style">CSS Structure</a>
			</li>
			<li>
				<a href="/blazor/chip/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfChip.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Circular Gauge
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/circular-gauge/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/circular-gauge/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/circular-gauge/dimensions">Dimensions</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/axes">Axes</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/ranges">Ranges</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/pointers">Pointers</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/annotations">Annotations</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/animation">Animation</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/legend">Legend</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/user-interaction">User Interaction</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/print">Print and Export</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/appearance">Appearance</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/events">Events</a>
			</li>
			<li>
				<a href="/blazor/circular-gauge/methods">Methods</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.CircularGauge.SfCircularGauge.html"> API Reference</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/circular-gauge/how-to/place-gauge-inside-other-components">Place gauge inside other components</a>
					</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>Color Picker
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/color-picker/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/color-picker/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/color-picker/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/color-picker/inline-rendering">Inline Rendering</a>
			</li>
			<li>
				<a href="/blazor/color-picker/mode-and-value">Mode and Value</a>
			</li>
			<li>
				<a href="/blazor/color-picker/localization">Localization and RTL</a>
			</li>
			<li>
				<a href="/blazor/color-picker/style-and-appearance">Styles and Appearances</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/color-picker/how-to/customize-color-picker">Customize Color Picker</a>
					</li>
					<li>
						<a href="/blazor/color-picker/how-to/disable-color-picker">Disable Color Picker</a>
					</li>
					<li>
						<a href="/blazor/color-picker/how-to/no-color-support">Handle No Color Support</a>
					</li>
					<li>
						<a href="/blazor/color-picker/how-to/hide-control-buttons">Hide control buttons</a>
					</li>
					<li>
						<a href="/blazor/color-picker/how-to/render-palette-alone">Render palette alone</a>
					</li>
					<li>
						<a href="/blazor/color-picker/how-to/show-recent-color">Show Recent Color</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>ComboBox
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/combobox/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/combobox/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/combobox/value-binding">Value Binding</a>
		    </li>
			<li>
				<a href="/blazor/combobox/selection">Selection</a>
		    </li>
			<li>
				<a href="/blazor/combobox/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/combobox/placeholder-and-floatlabel">Placeholder and Floatlabel</a>
			</li>
			<li>
				<a href="/blazor/combobox/filtering">Filtering</a>
			</li>
			<li>
				<a href="/blazor/combobox/custom-value">Custom Value</a>
			</li>
			<li>
				<a href="/blazor/combobox/sorting">Sorting</a>
			</li>
			<li>
				<a href="/blazor/combobox/grouping">Grouping</a>
			</li>
			<li>
				<a href="/blazor/combobox/disabled-items">Disabled Items</a>
			</li>
			<li>
				<a href="/blazor/combobox/virtualization">Virtualization</a>
			</li>
			<li>
				<a href="/blazor/combobox/templates">Templates</a>
			</li>
			<li>
				<a href="/blazor/combobox/popup-setting">Popup Setting</a>
			</li>
			<li>
				<a href="/blazor/combobox/style">Style and Appearance</a>
			</li>
			<li>
				<a href="/blazor/combobox/localization">Localization</a>
			</li>
			<li>
				<a href="/blazor/combobox/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/combobox/data-source">Data Source</a>
			</li>
			<li>
				<a href="/blazor/combobox/cascading">Cascading</a>
			</li>
			<li>
				<a href="/blazor/combobox/form-validation">Form Validation</a>
			</li>
			<li>
				<a href="/blazor/combobox/native-events">Native Events</a>
			</li>
			<li>
				<a href="/blazor/combobox/events">Events</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/combobox/how-to/tooltip">DropDownList options with tooltip</a>
					</li>
				</ul>
			</li>

			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfComboBox-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>ContextMenu
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/context-menu/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/context-menu/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/context-menu/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/context-menu/customizing-and-multilevel-nesting">Customizing and Multilevel nesting</a>
			</li>
			<li>
				<a href="/blazor/context-menu/icons-and-navigations">Icons and Navigation</a>
			</li>
			<li>
				<a href="/blazor/context-menu/style-and-appearance">Styles and Appearances</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/context-menu/how-to/bind-menu-events">Bind Context Menu Events</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/change-animation-settings">Change animation settings</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/data-binding">Data Binding</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/enable-or-disable-context-menu-items">Enable/Disable Context Menu items</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/open-dialog">Open a dialog on Context Menu item click</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/open-context-menu-click">Open Sub Menu on Context Menu Item Click</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/open-and-close-context-menu">Open and close Context Menu</a>
					</li>
					<li>
						<a href="/blazor/context-menu/how-to/scrollable-context-menu">Render Scrollable Context Menu</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfContextMenu-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Dashboard Layout
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/dashboard-layout/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/dashboard-layout/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/dashboard-layout/setting-size-of-cells">Configuring the Grid Layout</a>
			</li>
			<li>Panels
				<ul>
					<li>
						<a href="/blazor/dashboard-layout/panels/position-sizing-of-panels">Size and Position</a>
					</li>
					<li>
						<a href="/blazor/dashboard-layout/panels/setting-header-of-panels">Header and Content</a>
					</li>
				</ul>
			</li>
			<li>Interaction With Panels
				<ul>
					<li>
						<a href="/blazor/dashboard-layout/interaction-with-panels/dragging-moving-of-panels">Drag and Drop</a>
					</li>
					<li>
						<a href="/blazor/dashboard-layout/interaction-with-panels/resizing-of-panels">Resizing Panels</a>
					</li>
					<li>
						<a href="/blazor/dashboard-layout/interaction-with-panels/floating-of-panels">Floating Panels</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/dashboard-layout/responsive-adaptive">Responsive and Adaptive Layout</a>
			</li>
			<li>
				<a href="/blazor/dashboard-layout/seo">SEO Analysis Dashboard</a>
			</li>
			<li>
				<a href="/blazor/dashboard-layout/state-persistence">State Persistence</a>
			</li>
			<li>
				<a href="/blazor/dashboard-layout/style">CSS Structure</a>
			</li>
			<li>
				<a href="/blazor/dashboard-layout/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Layouts.SfDashboardLayout.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>DataManager
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/data/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/data/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/data/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/data/adaptors">Adaptors</a>
			</li>
			<li>
				<a href="/blazor/data/custom-binding">Custom Binding</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/data/how-to/adding-custom-headers">Adding custom headers</a>
					</li>
					<li>
						<a href="/blazor/data/how-to/offline-mode">Working in offline mode</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>DataGrid
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/datagrid/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/datagrid/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/datagrid/custom-binding">Custom Binding</a>
			</li>
			<li>Connecting to Database
				<ul>
					<li><a href="/blazor/datagrid/connecting-to-database/microsoft-sql-server">Microsoft SQL Server</a></li>
					<li><a href="/blazor/datagrid/connecting-to-database/mysql-server">MySQL Server</a></li>
					<li><a href="/blazor/datagrid/connecting-to-database/postgresql-server">PostgreSQL Server</a></li>
					<li><a href="/blazor/datagrid/connecting-to-database/sqlite-server">SQLite Server</a></li>
					<li><a href="/blazor/datagrid/connecting-to-database/dapper">Dapper</a></li>
					<li><a href="/blazor/datagrid/connecting-to-database/entityframework">Entity Framework</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/data-annotation">Data Annotation</a>
			</li>
			<li>
				<a href="/blazor/datagrid/adaptive-layout">Adaptive View</a>
			</li>
			<li>
				<a href="/blazor/datagrid/performance">Performance Best Practices</a>
			</li>
			<li> <a href="/blazor/datagrid/columns">Columns</a>
				<ul>
					<li><a href="/blazor/datagrid/column-rendering">Column Rendering</a></li>
					<li><a href="/blazor/datagrid/column-headers">Column Headers</a></li>
					<li><a href="/blazor/datagrid/column-template">Column Template</a></li>
					<li><a href="/blazor/datagrid/foreignKey-column">ForeignKey Column</a></li>
					<li><a href="/blazor/datagrid/column-reorder">Column Reorder</a></li>
					<li><a href="/blazor/datagrid/column-resizing">Column Resizing</a></li>
					<li><a href="/blazor/datagrid/frozen-column">Column Pinning (Frozen)</a></li>
					<li><a href="/blazor/datagrid/column-chooser">Column Chooser</a></li>
					<li><a href="/blazor/datagrid/column-menu">Column Menu</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/row">Row</a>
				<ul>
					<li><a href="/blazor/datagrid/row-template">Row Template</a></li>
					<li><a href="/blazor/datagrid/detail-template">Detail Template</a></li>
					<li><a href="/blazor/datagrid/row-drag-and-drop">Row Drag and Drop</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/cell">Cell</a>
			</li>
			<li>
				<a href="/blazor/datagrid/templates">Templates</a>
			</li>
			<li>
				<a href="/blazor/datagrid/grouping">Grouping</a>
				<ul>
					<li><a href="/blazor/datagrid/caption-template">Caption Template</a></li>
					<li><a href="/blazor/datagrid/lazy-load-grouping">Lazy Load Grouping</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/filtering">Filtering</a>
				<ul>
					<li><a href="/blazor/datagrid/filter-bar">Filter Bar</a></li>
					<li><a href="/blazor/datagrid/filter-menu">Filter Menu</a></li>
					<li><a href="/blazor/datagrid/excel-like-filter">Excel Like Filter</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/sorting">Sorting</a>
			</li>
			<li>
				<a href="/blazor/datagrid/searching">Searching</a>
			</li>
			<li>
				<a href="/blazor/datagrid/editing">Editing</a>
				<ul>
					<li><a href="/blazor/datagrid/cell-edit-types">Cell Edit Types</a></li>
					<li><a href="/blazor/datagrid/in-line-editing">Inline Editing</a></li>
					<li><a href="/blazor/datagrid/dialog-editing">Dialog Editing</a></li>
					<li><a href="/blazor/datagrid/template-editing">Template Editing</a></li>
					<li><a href="/blazor/datagrid/batch-editing">Batch Editing</a></li>
					<li><a href="/blazor/datagrid/command-column-editing">Command Column Editing</a></li>
					<li><a href="/blazor/datagrid/column-validation">Column Validation</a></li>
					<li><a href="/blazor/datagrid/entity-frame-work">Entity Framework</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/paging">Paging</a>
			</li>
			<li>
				<a href="/blazor/datagrid/scrolling">Scrolling</a>
			</li>
			<li>
				<a href="/blazor/datagrid/virtualization">Virtualization</a>
			</li>
			<li>
				<a href="/blazor/datagrid/infinite-scrolling">Infinite Scrolling</a>
			</li>
			<li>
				<a href="/blazor/datagrid/selection">Selection</a>
			</li>
			<li>
				<a href="/blazor/datagrid/aggregates">Aggregates</a>
				<ul>
					<li><a href="/blazor/datagrid/footer-aggregate">Footer Aggregate</a></li>
					<li><a href="/blazor/datagrid/group-and-caption-aggregate">Group and Caption Aggregate</a></li>
					<li><a href="/blazor/datagrid/custom-aggregate">Custom Aggregate</a></li>
					<li><a href="/blazor/datagrid/reactive-aggregate">Reactive Aggregate</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/print">Print</a>
			</li>
			<li>
				<a href="/blazor/datagrid/state-management">State Management</a>
			</li>
			<li>
				<a href="/blazor/datagrid/global-local">Globalization</a>
			</li>
			<li>
				<a href="/blazor/datagrid/tool-bar">Toolbar</a>
				<ul>
					<li><a href="/blazor/datagrid/toolbar-items">Toolbar Items</a></li>
					<li><a href="/blazor/datagrid/custom-toolbar">Custom Toolbar</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/pdf-export">Export to PDF</a>
				<ul>
					<li><a href="/blazor/datagrid/template-pdf-export">PDF Exporting with Templates</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/excel-exporting">Export to Excel</a>
				<ul>
					<li><a href="/blazor/datagrid/template-excel-export">Excel Exporting with Templates</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datagrid/clipboard">Clipboard</a>
			</li>
			<li>
				<a href="/blazor/datagrid/context-menu">Context Menu</a>
			</li>
			<li>
				<a href="/blazor/datagrid/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/datagrid/webassembly-performance">WebAssembly Performance</a>
			</li>
			<li>
				<a href="/blazor/datagrid/events">Events</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/datagrid/how-to/blazor-webassembly-data-grid-using-cli">Getting Started-Client side using CLI</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/server-side-using-cli">Getting Started-Server side using CLI</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/blazor-webassembly-datagrid-using-visual-studio">Getting Started-Client side using Visual Studio</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/show-or-hide-columns-in-dialog-editing">Show or Hide columns in Dialog editing</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/tool-bar-with-drop-down-list">Create custom toolbar with drop-down list</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/customize-column-styles">Customize Column Styles</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/access-public-methods">Access public methods in datagrid</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/change-datasource-dynamically">Change datasource dynamically</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/custom-control-in-grid-toolbar">Custom control in datagrid toolbar</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/grid-customization">DataGrid customization</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/prevent-default-grid-action">Prevent default datagrid action</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/rowcell-index">Get index value of selected rowcell</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/select-grid-rows-based-on-condition">Select datagrid rows based on certain condition</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/customize-icon-column-menu">Customize column menu icon</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/group-column-chooser-items">Group column chooser items</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/calculate-column-value-based-on-other-columns">Calculate column value based on other columns</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/using-dictionary-values-in-grid-datasource">Using dictionary values in datagrid datasource</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/upgrade-application-to-latest-version">Upgrade Application To Latest Version</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/custom-toolbar-items-with-text-name-same-as-default-toolbar-items">Custom toolbar items with text name same as default toolbar items</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/render-grid-inside-tab-with-specific-height">Render DataGrid inside the Tab with specific height</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/provide-custom-data-source-and-enable-filter-option-for-drop-down-list">Provide custom data source and enabling filtering for DropDownList</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/single-click-editing-with-batch-mode">Single click editing with Batch mode</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/cascading-dropdownlist-with-grid-editing">Cascading DropDownList with DataGrid editing</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/editing-with-template-column">Editing with template column</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/hide-grid-header">Hide DataGrid Header</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/display-custom-tool-tip-in-grid-cell">Display Custom Tooltip in DataGrid cell</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/grid-styling">Styling and appearance</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/customize-empty-grid-display-message">Customize empty grid display message</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/save-new-row-at-particular-index-in-page">Saving a new row at a particular index of the grid page</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/customize-filter-choice-count-in-excel-filter-dialog">Customize filter choice items count for Excel filter dialog</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/custom-delete-confirmation-dialog">Custom delete confirmation dialog</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/create-custom-grid-component">Create custom Grid component</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/effectively-add-range-of-items-to-observable-collection">Effectively add a range of items into ObservableCollection</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/hide-command-column-based-on-record-detail">Hide command column in record based on record detail</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/define-events-programmatically">Define the GridEvents programmatically in DataGrid</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/hide-detail-template-icon-when-record-details-has-no-record">Hide detail template icon when record details has no record</a>
					</li>
                    <li>
						<a href="/blazor/datagrid/how-to/css-isolation-for-grid">CSS Isolation for DataGrid</a>
					</li>
                	<li>
						<a href="/blazor/datagrid/how-to/use-radio-button-instead-of-checkbox">Use radio button instead of checkbox in single selection mode of Grid</a>
					</li>
					<li>
						<a href="/blazor/datagrid/how-to/enable-or-disable-grid">Enable or Disable the Grid Component</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>DataForm
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/data-form/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/data-form/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>

			<li>
				<a href="/blazor/data-form/form-binding">Form Binding</a>
			</li>
			<li>
				<a href="/blazor/data-form/autogeneration">Auto Generation </a>
			</li>
			<li>
				<a href="/blazor/data-form/validation">Validation</a>
			</li>
			<li>
				<a href="/blazor/data-form/data-annotation-attributes">Data Annotations Attributes</a>
			</li>
			<li>
				<a href="/blazor/data-form/form-items">Form Items</a>
			</li>
			<li>
				<a href="/blazor/data-form/templates">Templates</a>
			</li>
			<li>
				<a href="/blazor/data-form/layout-customization">Layout Customization</a>
			</li>
			<li>
				<a href="/blazor/data-form/column-layout">Column Layout</a>
			</li>
			<li>
				<a href="/blazor/data-form/form-group">Form Group</a>
			</li>
			<li>
				<a href="/blazor/data-form/localization">Localization</a>
			</li>
			<li>
				<a href="/blazor/data-form/events">Events</a>
			</li>
			<li>
				<a href="/blazor/data-form/methods">Methods</a>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DataForm.SfDataForm.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>DatePicker
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/datepicker/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/datepicker/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datepicker/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/datepicker/date-range">Date Range</a>
			</li>
			<li>
				<a href="/blazor/datepicker/date-format"> Date Format</a>
			</li>
			<li>
				<a href="/blazor/datepicker/mask-support"> Mask Support</a>
			</li>
			<li>
				<a href="/blazor/datepicker/dateonly-support"> DateOnly Support</a>
			</li>
			<li>
				<a href="/blazor/datepicker/view">Start and Depth View</a>
			</li>
			<li>
				<a href="/blazor/datepicker/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/datepicker/strict-mode">Strict Mode</a>
			</li>
			<li>
				<a href="/blazor/datepicker/native-events">Native Events</a>
			</li>
			<li>
				<a href="/blazor/datepicker/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/datepicker/islamic-calendar">Islamic Calendar</a>
			</li>
			<li>
				<a href="/blazor/datepicker/events">Events</a>
			</li>
			<li>
				<a href="/blazor/datepicker/week-number">Week Number</a>
			</li>
			<li>
				<a href="/blazor/datepicker/special-dates">Special Dates</a>
			</li>
			<li>
				<a href="/blazor/datepicker/style-appearance">Style and Appearance</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/datepicker/how-to/disabled-the-datepicker-component">Disabled the DatePicker Component</a>
					</li>
					<li>
						<a href="/blazor/datepicker/how-to/set-the-placeholder">Set the Placeholder</a>
					</li>
					<li>
						<a href="/blazor/datepicker/how-to/set-the-readonly">Set the Readonly</a>
					</li>
					<li>
						<a href="/blazor/datepicker/how-to/open-datepicker-popup-on-input-click">Open the DatePicker popup upon focusing input of DatePicker</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfDatePicker-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>DateRangePicker
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/daterangepicker/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/daterangepicker/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/daterangepicker/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/range-restriction">Range Restriction</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/dateonly-support"> DateOnly Support</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/native-events">Native Events</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/customization">Customization</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/events">Events</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/week-number">Week Number</a>
			</li>
			<li>
				<a href="/blazor/daterangepicker/style-appearance">Style and Appearance</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/daterangepicker/how-to/disable-the-daterangepicker-component">Disable the DateRangePicker Component</a>
					</li>
					<li>
						<a href="/blazor/daterangepicker/how-to/set-the-placeholder">Set the Placeholder</a>
					</li>
					<li>
						<a href="/blazor/daterangepicker/how-to/customization-using-cssclass">Customization using CssClass</a>
					</li>
					<li>
						<a href="/blazor/daterangepicker/how-to/open-popup-on-input-click">Open the DateRangePicker popup upon focusing input of DateRangePicker</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfDateRangePicker-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Datetime Picker
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/datetime-picker/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/datetime-picker/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/datetime-picker/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/date-time-range">DateTime Range</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/date-time-format">DateTime Format</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/mask-support">Mask Support</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/native-events">Native Events</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/strict-mode">Strict Mode</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/islamic-calendar">Islamic Calendar</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/events">Events</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/week-number">Week Number</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/special-dates">Special Dates</a>
			</li>
			<li>
				<a href="/blazor/datetime-picker/style-appearance">Style and Appearance</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/datetime-picker/how-to/disable-the-datetimepicker-component">Disable the DateTimePicker Component</a>
					</li>
					<li>
						<a href="/blazor/datetime-picker/how-to/set-the-placeholder">Set the Placeholder</a>
					</li>
					<li>
						<a href="/blazor/datetime-picker/how-to/open-popup-on-input-click">Open the DateTimePicker popup upon focusing input of DateTimePicker</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfDateTimePicker-1.html"> API Reference</a>
			</li>
		</ul>
	</li>

	<li>Diagram
		<ul>
		    <li> <a href="/blazor/diagram/overview">Overview</a> </li>
			<li>Getting Started
						<ul>
							<li> <a href="/blazor/diagram/getting-started-with-web-app">Blazor Web App</a> </li>
							<li><a href="/blazor/diagram/getting-started">Blazor Server App</a></li>
							<li><a href="/blazor/diagram/getting-started-with-wasm-app">Blazor WASM App</a></li>
							<li><a href="/blazor/diagram/getting-started-with-maui-app">Blazor MAUI App</a></li>
						</ul>
					</li>
			<li><a href="/blazor/diagram/nodes/nodes">Nodes</a>
				<ul>
				<li> <a href="/blazor/diagram/nodes/customization">Customization</a></li>
				<li> <a href="/blazor/diagram/nodes/interaction">Interaction</a></li>
				<li> <a href="/blazor/diagram/nodes/events">Events</a></li>
				<li> <a href="/blazor/diagram/nodes/positioning">Positioning</a></li>
				<li> <a href="/blazor/diagram/nodes/expand-and-collapse">Expand and Collapse</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram/shapes">Shapes</a>
			</li>
      <li>
         <a href="/blazor/diagram/accessibility">Accessibility</a>
      </li>
			<li><a href="/blazor/diagram/bpmn-shapes/bpmn-shapes">BPMN Shapes</a>
				<ul>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-event">BPMN Event</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-gateway">BPMN Gateway</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-data-object">BPMN Data object</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-data-store">BPMN Datasource</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-activity">BPMN Activity</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-text-annotation">BPMN Text Annotation</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-expanded-sub-process">BPMN Expanded SubProcess</a>
					</li>
					<li>
						<a href="/blazor/diagram/bpmn-shapes/bpmn-connectors">BPMN Connectors</a>
					</li>
				</ul>
			</li>
			<li><a href="/blazor/diagram/connectors/connectors">Connectors</a>
				<ul>
					<li>Segments
						<ul>
						<li><a href="/blazor/diagram/connectors/segments/straight">Straight</a></li>
						<li><a href="/blazor/diagram/connectors/segments/orthogonal">Orthogonal</a></li>
						<li><a href="/blazor/diagram/connectors/segments/bezier/bezier">Bezier</a>
							<ul>
						        <li><a href="/blazor/diagram/connectors/segments/bezier/settings/controlpointinteraction">ControlPoint Interaction</a></li>
						        <li><a href="/blazor/diagram/connectors/segments/bezier/settings/segmenteditorientation">Segment Edit Orienttaion</a></li>
							</ul>
						</li>
						<li><a href="/blazor/diagram/connectors/segments/multiplesegments">MultipleSegments</a></li>
						</ul>
					</li>
					<li> <a href="/blazor/diagram/connectors/customization">Customization</a></li>
					<li> <a href="/blazor/diagram/connectors/interactions">Interaction</a></li>
					<li> <a href="/blazor/diagram/connectors/events">Events</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram/group">Group</a>
			</li>
			<li><a href="/blazor/diagram/swimlane/swimlane">Swimlane</a>
				<ul>
					<li><a href="/blazor/diagram/swimlane/lane/lane">Lane</a>
						<ul>
						<li><a href="/blazor/diagram/swimlane/lane/interaction">Interaction</a></li>
						</ul>
					</li>
					<li> <a href="/blazor/diagram/swimlane/phase">Phase</a></li>
					<li> <a href="/blazor/diagram/swimlane/swimlane-palette">Swimlane-Palette</a></li>
				</ul>
			</li>
			<li><a href="/blazor/diagram/annotations/labels">Annotations</a>
				<ul>
					<li> <a href="/blazor/diagram/annotations/node-annotation">Annotation for Node</a></li>
					<li> <a href="/blazor/diagram/annotations/connector-annotation">Annotation for Connector</a></li>
					<li> <a href="/blazor/diagram/annotations/appearance">Appearance</a></li>
					<li> <a href="/blazor/diagram/annotations/events">Events</a></li>
				</ul>
			</li>
			<li><a href="/blazor/diagram/ports/ports">Ports</a>
				<ul>
					<li> <a href="/blazor/diagram/ports/positioning">Positioning</a></li>
					<li> <a href="/blazor/diagram/ports/appearance">Appearance</a></li>
					<li> <a href="/blazor/diagram/ports/interaction">Interaction</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram/constraints">Constraints</a>
			</li>
			<li>
				<a href="/blazor/diagram/interaction">Interaction</a>
			</li>
			<li>
				<a href="/blazor/diagram/serialization">Serialization</a>
			</li>
			<li>
				<a href="/blazor/diagram/tools">Tools</a>
			</li>
			<li>
				<a href="/blazor/diagram/Localization">Localization</a>
			</li>

			<li>
				<a href="/blazor/diagram/grid-lines">Gridlines</a>
			</li>
                        <li>
				<a href="/blazor/diagram/rulers">Rulers</a>
			</li>
			<li>
				<a href="/blazor/diagram/page-settings">Page Settings</a>
			</li>
			<li>
				<a href="/blazor/diagram/context-menu">Context Menu</a>
			</li>
			<li>
				<a href="/blazor/diagram/scroll-settings">Scroll Settings</a>
			</li>
			<li>
				<a href="/blazor/diagram/data-binding">Data Binding</a>
			</li>
			<li><a href="/blazor/diagram/layout/automatic-layout">Layout</a>
				<ul>
					<li>
						<a href="/blazor/diagram/layout/hierarchical-layout">Hierarchical Layout</a>
					</li>
					<li>
						<a href="/blazor/diagram/layout/complex-hierarchical-layout">Complex Hierarchical Layout</a>
					</li>
					<li>
						<a href="/blazor/diagram/layout/organizational-chart">Organizational Chart</a>
					</li>
					<li>
						<a href="/blazor/diagram/layout/flowchart-layout">Flowchart Layout</a>
					</li>
					<li>
						<a href="/blazor/diagram/layout/mind-map">Mind Map Layout</a>
					</li>
					<li>
						<a href="/blazor/diagram/layout/radial-tree">Radial Tree Layout</a>
					</li>
                    			<li>
						<a href="/blazor/diagram/layout/events">Events</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram/commands">Commands</a>
			</li>
			<li>
				<a href="/blazor/diagram/export">Exporting</a>
			</li>
			<li>
				<a href="/blazor/diagram/print">Printing</a>
			</li>
			<li>
				<a href="/blazor/diagram/undo-redo">Undo Redo</a>
			</li>
			<li>
				<a href="/blazor/diagram/flip">Flip</a>
			</li>
			<li>
				<a href="/blazor/diagram/tool-tip">Tooltip</a>
			</li>
			<li>
				<a href="/blazor/diagram/user-handle">User Handles</a>
			</li>
			<li>
				<a href="/blazor/diagram/style">CSS Structure</a>
			</li>
			<li><a href="/blazor/diagram/symbol-palette/symbol-palette">Symbol Palette</a>
				<ul>
					<li> <a href="/blazor/diagram/symbol-palette/customization">Customization</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram/overview-component">Overview Component</a>
			</li>
			<li> <a href="/blazor/diagram/events">Events</a> </li>
			<li> <a href="/blazor/diagram/how-to">How To</a> </li>
			<li> <a href="/blazor/diagram/migration-classic-to-native">Migration from SfDiagram(Classic)</a> </li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Diagram.SfDiagramComponent.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Dialog
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/dialog/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/dialog/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/dialog/draggable">Draggable</a>
			</li>
			<li>
				<a href="/blazor/dialog/resize">Resizing</a>
			</li>
			<li>
				<a href="/blazor/dialog/positioning">Positioning</a>
			</li>
			<li>
				<a href="/blazor/dialog/template">Templates</a>
			</li>
			<li>
				<a href="/blazor/dialog/animation">Animation</a>
			</li>
			<li>
				<a href="/blazor/dialog/style">Style and Appearance</a>
			</li>
			<li>
				<a href="/blazor/dialog/localization">Localization</a>
			</li>
			<li>
				<a href="/blazor/dialog/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/dialog/events">Events</a>
			</li>
			<li>How To
				<ul>
					<li><a href="/blazor/dialog/how-to/create-nested-dialog">Create nested Dialog</a></li>
					<li><a href="/blazor/dialog/how-to/achieve-two-way-binding-to-the-visible-property">Achieve two-way binding using the visible property</a></li>
					<li><a href="/blazor/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="/blazor/dialog/how-to/render-a-dialog-header-dynamically">Render a dialog header dynamically</a></li>
					<li><a href="/blazor/dialog/how-to/show-dialog-with-fullscreen">Show Dialog with fullscreen</a></li>
					<li><a href="/blazor/dialog/how-to/display-a-dialog-with-custom-position">Display a Dialog with custom position</a></li>
					<li><a href="/blazor/dialog/how-to/prevent-closing-of-modal-dialog">Prevent closing of modal Dialog</a></li>
					<li><a href="/blazor/dialog/how-to/prevent-the-focus-on-the-first-element">Prevent the focus on the first element</a></li>
					<li><a href="/blazor/dialog/how-to/prevent-opening-of-the-dialog">Open a Dialog on condition</a></li>
					<li><a href="/blazor/dialog/how-to/customize-the-dialog-appearance">Customize the Dialog appearance</a></li>
					<li><a href="/blazor/dialog/how-to/close-dialog-while-click-on-outside-of-dialog">Close Dialog when clicking outside of its region</a></li>
					<li><a href="/blazor/dialog/how-to/add-an-icons-to-dialog-buttons">Add icons to Dialog buttons</a></li>
					<li><a href="/blazor/dialog/how-to/add-minimize-and-maximize-button">Add minimize and maximize buttons to the Dialog header</a></li>
					<li><a href="/blazor/dialog/how-to/setting-max-height-to-the-dialog">Setting maximum height to the dialog</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Popups.SfDialog.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Predefined Dialogs
		<ul>
		    <li>Getting Started
				<ul>
					<li>
						<a href="/blazor/predefined-dialogs/getting-started-webapp">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/predefined-dialogs/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/predefined-dialogs/draggable">Dragging</a>
			</li>
			<li>
				<a href="/blazor/predefined-dialogs/animation">Animations</a>
			</li>
			<li>
				<a href="/blazor/predefined-dialogs/position">Position</a>
			</li>
			<li>
				<a href="/blazor/predefined-dialogs/dimension">Dimension</a>
			</li>
			<li>
				<a href="/blazor/predefined-dialogs/customization">Customization of Predefined Dialogs</a>
			</li>
		</ul>
	</li>

	<li>DocumentEditor
		<ul>
			<li> <a href="/blazor/document-editor/overview">Overview</a></li>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/document-editor/getting-started/web-app">Blazor Web App</a></li>
					<li> <a href="/blazor/document-editor/getting-started/server-side-application">Blazor Server App</a></li>
					<li> <a href="/blazor/document-editor/getting-started/client-side-application">Blazor WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/document-editor/opening-a-document">Opening a Document</a></li>
			<li> <a href="/blazor/document-editor/saving-document">Saving Document</a></li>
			<li> <a href="/blazor/document-editor/image">Images</a></li>
			<li> <a href="/blazor/document-editor/shapes">Shapes</a></li>
			<li> <a href="/blazor/document-editor/text-wrapping-style">Text Wrapping Style</a></li>
			<li> <a href="/blazor/document-editor/bookmark">Bookmarks</a></li>
			<li> <a href="/blazor/document-editor/link">Hyperlink</a></li>
			<li> <a href="/blazor/document-editor/table">Tables</a></li>
			<li> <a href="/blazor/document-editor/table-of-contents">Table of contents</a></li>
			<li> <a href="/blazor/document-editor/header-footer">Headers and Footers</a></li>
			<li> <a href="/blazor/document-editor/text-format">Working with Text Formatting</a></li>
			<li> <a href="/blazor/document-editor/paragraph-format">Working with Paragraph Formatting</a></li>
			<li> <a href="/blazor/document-editor/styles">Working with Styles</a></li>
			<li> <a href="/blazor/document-editor/list-format">Working with Lists</a></li>
			<li> <a href="/blazor/document-editor/table-format">Working with Table Formatting</a></li>
			<li> <a href="/blazor/document-editor/section-format">Working with Section Formatting</a></li>
			<li> <a href="/blazor/document-editor/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/document-editor/restrict-editing">Restrict editing</a></li>
			<li> <a href="/blazor/document-editor/comments">Comments</a></li>
			<li> <a href="/blazor/document-editor/track-changes">Track Changes</a></li>
			<li> <a href="/blazor/document-editor/fields">Fields</a></li>
			<li> <a href="/blazor/document-editor/form-fields">Form fields</a></li>
			<li> <a href="/blazor/document-editor/clipboard">Clipboard</a></li>
			<li> <a href="/blazor/document-editor/history">Undo and redo</a></li>
			<li> <a href="/blazor/document-editor/find-and-replace">Find and Replace</a></li>
			<li> <a href="/blazor/document-editor/print">Print</a></li>
			<li> <a href="/blazor/document-editor/view">View</a></li>
			<li>How To
				<ul>
					<li><a href="/blazor/document-editor/how-to/add-save-button-in-toolbar">Add save button in toolbar</a></li>
					<li><a href="/blazor/document-editor/how-to/auto-save-document">Auto save the document in Server</a></li>
					<li><a href="/blazor/document-editor/how-to/customize-context-menu">Customize context menu</a></li>
					<li><a href="/blazor/document-editor/how-to/customize-tool-bar">Customize toolbar</a></li>
					<li><a href="/blazor/document-editor/how-to/change-document-view">Change document view</a></li>
					<li><a href="/blazor/document-editor/how-to/read-only-default">Open document in read only by default</a></li>
					<li><a href="/blazor/document-editor/how-to/disable-optimized-text-measuring">Disable Optimized Text Measuring</a></li>
					<li><a href="/blazor/document-editor/how-to/get-the-selected-content">Get the selected content</a></li>
					<li><a href="/blazor/document-editor/how-to/show-hide-spinner">Show and hide spinner</a></li>
					<li><a href="/blazor/document-editor/how-to/resize-document-editor">Resize document editor</a></li>
					<li><a href="/blazor/document-editor/how-to/export-document-as-pdf">Export the document as Pdf</a></li>
					<li><a href="/blazor/document-editor/how-to/retrieve-the-bookmark-content-as-text">Retrieve the Bookmark and Whole document content</a></li>
					<li><a href="/blazor/document-editor/how-to/get-current-word">Select and Get the Current Word and Paragraph</a></li>
					<li><a href="/blazor/document-editor/how-to/insert-page-number-and-navigate-to-page">Insert page number and navigate to specific page</a></li>
					<li><a href="/blazor/document-editor/how-to/insert-text-in-current-position">Insert the text and rich-text content in Document editor</a></li>
					<li><a href="/blazor/document-editor/how-to/change-the-cursor-color-in-document-editor">Change the cursor color in document editor using CSS</a></li>
					<li><a href="/blazor/document-editor/how-to/hide-tool-bar-and-properties-pane">Hide the toolbar and properties pane in Document editor</a></li>
					<li><a href="/blazor/document-editor/how-to/optimize-sfdt">Optimize the SFDT file</a></li>
					<li><a href="/blazor/document-editor/how-to/enable-ruler-in-document-editor">Enable Ruler in Document Editor</a></li>
					<li><a href="/blazor/document-editor/how-to/customize-color-picker">Customize color picker in Document Editor</a></li>
				</ul>
			</li>
			<li>FAQ
				<ul>
					<li><a href="/blazor/document-editor/faq/unsupported-file-format">Unsupported Warning Message When Opening a Document</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditorContainer.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Dropdown Menu
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/drop-down-menu/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/drop-down-menu/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/drop-down-menu/native-event">Events</a></li>
			<li> <a href="/blazor/drop-down-menu/icons">Icons</a></li>
			<li> <a href="/blazor/drop-down-menu/popup-items">Popup Items</a></li>
			<li> <a href="/blazor/drop-down-menu/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/drop-down-menu/style-and-appearance">Styles and Appearances</a></li>
			<li> <a href="/blazor/drop-down-menu/template">Item Template</a></li>
			<li> <a href="/blazor/drop-down-menu/animation">Animation</a></li>
			<li>How To
				<ul>
				<li> <a href="/blazor/drop-down-menu/how-to/change-caret-icon">Change caret icon</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/create-dropdownbutton-with-rounded-corner">Create Dropdown Menu with rounded corner</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/create-right-to-left-dropdownbutton">Create right-to-left Dropdown Menu</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/customize-icon-and-width">Customize icon and width</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/disable-a-dropdownbutton">Disable a Dropdown Menu</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/group-popups-with-listview">Group popups with listview component</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/hide-dropdown-arrow">Hide dropdown arrow</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/position-popup">Position popup open</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/dropdownlist-dropdownbutton">Create Dropdown List in Popup</a></li>
				<li> <a href="/blazor/drop-down-menu/how-to/add-remove-items">Add and Remove Items</a></li>
				<li><a href="/blazor/drop-down-menu/how-to/customize-popup-width">Customize popup width</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfDropDownButton.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>DropDown List
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/dropdown-list/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/dropdown-list/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/dropdown-list/value-binding">Value Binding</a></li>
			<li> <a href="/blazor/dropdown-list/selection">Selection</a></li>
			<li> <a href="/blazor/dropdown-list/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/dropdown-list/placeholder-and-floatlabel">Placeholder and Floatlabel</a></li>
			<li> <a href="/blazor/dropdown-list/filtering">Filtering</a></li>
			<li> <a href="/blazor/dropdown-list/sorting">Sorting</a></li>
			<li> <a href="/blazor/dropdown-list/grouping">Grouping</a></li>
			<li> <a href="/blazor/dropdown-list/disabled-items">Disabled Items</a></li>
			<li> <a href="/blazor/dropdown-list/form-validation">Form validation</a></li>
			<li> <a href="/blazor/dropdown-list/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/dropdown-list/templates">Templates</a></li>
			<li> <a href="/blazor/dropdown-list/cascading">Cascading Dropdownlist</a></li>
			<li> <a href="/blazor/dropdown-list/multicolumn">Multicolumn Dropdownlist</a></li>
			<li> <a href="/blazor/dropdown-list/popup-setting">Popup Setting</a></li>
			<li> <a href="/blazor/dropdown-list/style">Style and Appearance</a></li>
			<li> <a href="/blazor/dropdown-list/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/dropdown-list/localization">Localization</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfDropDownList-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Dropdown Tree
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/dropdown-tree/getting-started-with-web-app">Blazor Web App</a></li>
					<li> <a href="/blazor/dropdown-tree/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/dropdown-tree/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/dropdown-tree/value-binding">Value Binding</a></li>
			<li> <a href="/blazor/dropdown-tree/selection">Selection</a></li>
			<li> <a href="/blazor/dropdown-tree/checkbox">Checkbox</a></li>
			<li> <a href="/blazor/dropdown-tree/filtering">Filtering</a></li>
			<li> <a href="/blazor/dropdown-tree/sorting">Sorting</a></li>
			<li> <a href="/blazor/dropdown-tree/events">Events</a></li>
			<li> <a href="/blazor/dropdown-tree/templates">Templates</a></li>
			<li> <a href="/blazor/dropdown-tree/form-validation">Form validation</a></li>
			<li> <a href="/blazor/dropdown-tree/popup-setting">Popup Setting</a></li>
			<li> <a href="/blazor/dropdown-tree/localization">Localization</a></li>
			<li> <a href="/blazor/dropdown-tree/style">Styles and Appearance</a></li>
			<li> <a href="/blazor/dropdown-tree/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Excel Library (XlsIO)
		<ul>
	        <li><a href="https://help.syncfusion.com/file-formats/xlsio/overview">Overview</a></li>
	        <li><a href="https://help.syncfusion.com/file-formats/xlsio/create-read-edit-excel-files-in-blazor-c-sharp">Getting Started</a></li>
	    </ul>
	</li>
	<li>FileManager
	    <ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/file-manager/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/file-manager/getting-started-with-server-app">Blazor Server App</a>
					</li>
					<li>
						<a href="/blazor/file-manager/getting-started-with-wasm-app">Blazor WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/file-manager/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/file-manager/file-system-provider">File System Providers</a>
				 <ul>
					 <li> <a href="/blazor/file-manager/ASP-NET-Core-file-system-provider">ASP.NET Core file system provider</a></li>
					 <li> <a href="/blazor/file-manager/ASP-NET-Core-Azure-cloud-file-system-provider">ASP.NET Core Azure cloud file system Provider</a></li>
					 <li> <a href="/blazor/file-manager/ASP-NET-Core-Amazon-S3-cloud-file-provider">ASP.NET Core Amazon S3 cloud file provider</a></li>
					 <li> <a href="/blazor/file-manager/ASP-NET-Core-SharePoint-file-provider">ASP.NET Core SharePoint file provider</a></li>
					 <li> <a href="/blazor/file-manager/File-Transfer-Protocol-file-system-provider">File Transfer Protocol file system provider</a></li>
					 <li> <a href="/blazor/file-manager/SQL-database-file-system-provider">SQL database file system provider</a></li>
					 <li> <a href="/blazor/file-manager/Google-Drive-file-system-provider">Google Drive file system provider</a></li>
					 <li> <a href="/blazor/file-manager/Firebase-Real-time-Database-file-system-provider">Firebase Real time Database file system provider</a></li>
					 <li> <a href="/blazor/file-manager/custom-file-provider">Custom file provider</a></li>
				 </ul>
			</li>
			<li> <a href="/blazor/file-manager/file-operations">File Operations</a></li>
			<li> <a href="/blazor/file-manager/end-user-capabilities">End User Capabilities</a></li>
			<li> <a href="/blazor/file-manager/toolbar">Toolbar</a></li>
			<li> <a href="/blazor/file-manager/context-menu">Context Menu</a></li>
			<li> <a href="/blazor/file-manager/views">Views</a></li>
			<li> <a href="/blazor/file-manager/multiple-file-selection">Multiple File Selection</a></li>
			<li> <a href="/blazor/file-manager/drag-and-drop">Drag and Drop</a></li>
			<li> <a href="/blazor/file-manager/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/file-manager/pagination">Pagination</a></li>
			<li> <a href="/blazor/file-manager/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/file-manager/upload">Upload</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/file-manager/how-to/adding-custom-item-to-context-menu">Adding Custom Item To Context Menu</a></li>
					<li> <a href="/blazor/file-manager/how-to/add-custom-tool-bar">Adding Custom Item To Toolbar</a></li>
					<li> <a href="/blazor/file-manager/how-to/customize-http-handler">Customize HTTP handler</a></li>
					<li> <a href="/blazor/file-manager/how-to/previewing-files">Previewing Files</a></li>
					<li> <a href="/blazor/file-manager/how-to/perform-custom-filtering">Perform Custom Filtering</a></li>
					<li> <a href="/blazor/file-manager/how-to/restrict-drag-and-drop-upload">Restrict drag and drop upload</a></li>
					<li> <a href="/blazor/file-manager/how-to/upload-large-files">Upload large files</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.FileManager.SfFileManager-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>File Upload
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/file-upload/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/file-upload/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/file-upload/async">Asynchronous Upload</a></li>
			<li> <a href="/blazor/file-upload/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/file-upload/chunk-upload">Chunk Upload</a></li>
			<li> <a href="/blazor/file-upload/localization">Localization</a></li>
			<li> <a href="/blazor/file-upload/file-source">File Source</a></li>
			<li> <a href="/blazor/file-upload/template">Template</a></li>
			<li> <a href="/blazor/file-upload/validation">Validation</a></li>
			<li> <a href="/blazor/file-upload/style-appearance">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/file-upload/how-to/getting-started-with-blazor-webassembly">Getting Started with Blazor WebAssembly</a></li>
					<li> <a href="/blazor/file-upload/how-to/html-attributes">Add Html attributes</a></li>
					<li> <a href="/blazor/file-upload/how-to/how-to-prevent-to-upload-or-remove-upload-file">How to Preventing File Upload and Removal in Uploader Component</a></li>
					<li> <a href="/blazor/file-upload/how-to/how-to-preview-uploaded-image">How to preview the uploaded image</a></li>
					<li> <a href="/blazor/file-upload/how-to/resizing-the-image-before-sending-to-the-server">Resizing the Image Before Sending to the Server</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfUploader.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Floating Action Button
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/floating-action-button/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/floating-action-button/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li><a href="/blazor/floating-action-button/icons">Icons</a></li>
			<li><a href="/blazor/floating-action-button/styles">Styles</a></li>
			<li><a href="/blazor/floating-action-button/accessibility">Accessibility</a></li>
			<li><a href="/blazor/floating-action-button/positions">Positions</a></li>
			<li><a href="/blazor/floating-action-button/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfFab.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Gantt Chart
		<ul>
		    <li> 
				<a href="/blazor/gantt-chart/overview">Overview</a>
			</li>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/gantt-chart/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/gantt-chart/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/data-binding">Data Binding</a>
				<ul>
						<li> <a href="/blazor/gantt-chart/custom-binding">Custom Binding</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/gantt-chart/performance">Performance Best Practices</a>
			</li>
			<li> <a href="/blazor/gantt-chart/columns">Columns</a>
				<ul>
					<li><a href="/blazor/gantt-chart/column-reordering">Column Rordering</a></li>
					<li><a href="/blazor/gantt-chart/column-resizing">Column Resizing</a></li>
					<li><a href="/blazor/gantt-chart/column-template">Column Template</a></li>
					<li><a href="/blazor/gantt-chart/column-menu">Column Menu</a></li>
					<li><a href="/blazor/gantt-chart/column-chooser">Column Chooser</a></li>
					<li><a href="/blazor/gantt-chart/responsive-columns">Responsive Column</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/time-line">Timeline</a>
				<ul>
					<li><a href="/blazor/gantt-chart/top-tier-and-bottom-tier">Top Tier and Bottom tier</a></li>
					<li><a href="/blazor/gantt-chart/zooming">Zooming</a></li>
					<li> <a href="/blazor/gantt-chart/event-markers">Event Markers</a></li>
			<li> <a href="/blazor/gantt-chart/holidays">Holidays</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/splitter">Splitter</a></li>
			<li> <a href="/blazor/gantt-chart/scheduling-tasks">Scheduling Tasks</a>
				<ul>
					<li> <a href="/blazor/gantt-chart/task-dependencies">Task Dependencies</a></li>
					<li><a href="/blazor/gantt-chart/predecessor-validation">Predecessor Validation</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/taskbar">Taskbar</a>
				<ul>
					<li> <a href="/blazor/gantt-chart/baseline">Baseline</a></li>
					<li> <a href="/blazor/gantt-chart/labels">Labels</a></li>
					<li> <a href="/blazor/gantt-chart/data-markers">Data Markers</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/criticalpath">Critical Path</a> </li>
			<li> <a href="/blazor/gantt-chart/tool-bar">Toolbar</a></li>
			<li> <a href="/blazor/gantt-chart/managing-tasks">Managing Tasks</a>
				<ul>
					<li><a href="/blazor/gantt-chart/adding-new-tasks">Adding New Tasks</a></li>
					<li><a href="/blazor/gantt-chart/editing-tasks">Editing Tasks</a></li>
					<li><a href="/blazor/gantt-chart/deleting-tasks">Deleting Tasks</a></li>
					<li><a href="/blazor/gantt-chart/taskbar-editing">Taskbar Editing</a></li>
					<li><a href="/blazor/gantt-chart/split-task">Split Task</a></li>
					<li><a href="/blazor/gantt-chart/indent-outdent">Indent and Outdent</a></li>
					<li><a href="/blazor/gantt-chart/entity-framework">Entity Framework</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/scrolling">Scrolling</a>
				<ul>
					<li><a href="/blazor/gantt-chart/frozen-columns">Frozen Columns</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/gantt-chart/work">Work</a></li>
			<li> <a href="/blazor/gantt-chart/resources">Resources</a>
				<ul>
					<li> <a href="/blazor/gantt-chart/resource-view">Resource View</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/filtering">Filtering</a>
				<ul>
					<li><a href="/blazor/gantt-chart/searching">Searching</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/sorting">Sorting</a></li>
			<li> <a href="/blazor/gantt-chart/selection">Selection</a>
				<ul>
					<li><a href="/blazor/gantt-chart/row-selection">Row Selection</a></li>
					<li><a href="/blazor/gantt-chart/cell-selection">Cell Selection</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/rows">Rows</a>
				<ul>
					<li><a href="/blazor/gantt-chart/drag-and-drop">Drag and Drop</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/templates">Templates</a></li>
			<li> <a href="/blazor/gantt-chart/excel-export">Excel Export</a></li>
			<li> <a href="/blazor/gantt-chart/pdf-export">PDF Export</a>
				<ul>
					<li> <a href="/blazor/gantt-chart/template-pdf-export">PDF Exporting with Templates</a> </li>
				</ul>
			</li>
			<li> <a href="/blazor/gantt-chart/context-menu">Context Menu</a></li>
			<li> <a href="/blazor/gantt-chart/clipboard">Clipboard</a> </li>
			<li> <a href="/blazor/gantt-chart/webassembly-performance">WebAssembly Performance</a></li>
			<li> <a href="/blazor/gantt-chart/state-management">State Management</a> </li>
			<li> <a href="/blazor/gantt-chart/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/gantt-chart/globalization">Globalization</a></li>
			<li> <a href="/blazor/gantt-chart/style-and-appearance">Style and Appearance</a></li>
			<li> <a href="/blazor/gantt-chart/events">Events</a></li>
			<li>How To
				<ul>
					<li><a href="/blazor/gantt-chart/how-to/bind-native-events">Bind native events</a></li>
					<li> <a href="/blazor/gantt-chart/how-to/hide-chart-part">Hide chart part</a></li>
					<li> <a href="/blazor/gantt-chart/how-to/open-add-edit-dialog-dynamically">Open Add Edit Dialog Dynamically</a></li>
					<li><a href="/blazor/gantt-chart/how-to/customize-expand-collapse-icon">Customize Expand and Collapse Icons</a></li>
					<li> <a href="/blazor/gantt-chart/how-to/blazor-webassembly-gantt-using-visual-studio">WebAssembly Gantt Chart</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>HeatMap Chart
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/heatmap-chart/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/heatmap-chart/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/heatmap-chart/working-with-data">Working with Data</a></li>
			<li> <a href="/blazor/heatmap-chart/bubble-heatmap">Bubble HeatMap</a></li>
			<li> <a href="/blazor/heatmap-chart/axis">Axis</a></li>
			<li> <a href="/blazor/heatmap-chart/palette">Palette</a></li>
			<li> <a href="/blazor/heatmap-chart/legend">Legend</a></li>
			<li> <a href="/blazor/heatmap-chart/appearance">Appearance</a></li>
			<li> <a href="/blazor/heatmap-chart/dimensions">Dimensions</a></li>
			<li> <a href="/blazor/heatmap-chart/tooltip">Tooltip</a></li>
			<li> <a href="/blazor/heatmap-chart/selection">Selection</a></li>
			<li> <a href="/blazor/heatmap-chart/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/heatmap-chart/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.HeatMap.SfHeatMap-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>In-place Editor
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/in-place-editor/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/in-place-editor/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/in-place-editor/controls">List of Components</a></li>
			<li> <a href="/blazor/in-place-editor/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/in-place-editor/configuration">Configuration</a></li>
			<li> <a href="/blazor/in-place-editor/buttons">Buttons</a></li>
			<li> <a href="/blazor/in-place-editor/server-actions">Server Actions</a></li>
			<li> <a href="/blazor/in-place-editor/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/in-place-editor/integration">Integrate HTML5 Components</a></li>
			<li> <a href="/blazor/in-place-editor/validation">Validation</a></li>
			<li> <a href="/blazor/in-place-editor/style">Style and Appearance</a></li>
			<li> <a href="/blazor/in-place-editor/localization">Globalization</a></li>
			<li> <a href="/blazor/in-place-editor/events">Events</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/in-place-editor/how-to/dynamic-edit-mode">Dynamically move input to edit mode</a></li>
					<li> <a href="/blazor/in-place-editor/how-to/disable-edit-mode">Disable the edit mode specifically</a></li>
					<li> <a href="/blazor/in-place-editor/how-to/custom-animation">Set custom Animation for popup mode</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.InPlaceEditor.SfInPlaceEditor-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Image Editor
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/image-editor/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/image-editor/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/image-editor/end-user-capabilities">End User Capabilities</a></li>
			<li> <a href="/blazor/image-editor/open-save">Open and Save</a></li>
			<li> <a href="/blazor/image-editor/selection-cropping">Selection and Cropping</a></li>
			<li> <a href="/blazor/image-editor/annotation">Annotation</a></li>
			<li> <a href="/blazor/image-editor/transform">Transform</a></li>
			<li> <a href="/blazor/image-editor/toolbar">Toolbar</a></li>
			<li> <a href="/blazor/image-editor/quick-access">Quick Access Toolbar</a></li>
			<li> <a href="/blazor/image-editor/undo-redo">Undo and Redo</a></li>
			<li> <a href="/blazor/image-editor/filter">Filter</a></li>
			<li> <a href="/blazor/image-editor/finetune">Finetune</a></li>
			<li> <a href="/blazor/image-editor/frame">Frame</a></li>
			<li> <a href="/blazor/image-editor/resize">Resize</a></li>
			<li> <a href="/blazor/image-editor/z-order">Z-Order</a></li>
			<li> <a href="/blazor/image-editor/redact">Redact</a></li>
			<li> <a href="/blazor/image-editor/image-restrictions">Image Restrictions</a></li>
			<li> <a href="/blazor/image-editor/localization">Localization</a></li>
			<li> <a href="/blazor/image-editor/accessibility">Accessibility</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/image-editor/how-to/clear-image">Clear an Image</a></li>
					<li> <a href="/blazor/image-editor/how-to/render-dialog">Render Dialog in Image Editor</a></li>
					<li> <a href="/blazor/image-editor/how-to/reset"></a>Reset an image</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Input Mask
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/input-mask/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/input-mask/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/input-mask/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/input-mask/mask-configuration">Mask Configuration</a></li>
			<li> <a href="/blazor/input-mask/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/input-mask/native-events">Native Events</a></li>
			<li> <a href="/blazor/input-mask/events">Events</a></li>
			<li> <a href="/blazor/input-mask/style-appearance">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/input-mask/how-to/customize-the-ui-appearance-of-the-control">Customize the UI appearance of the component</a></li>
					<li> <a href="/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding">MaskedTextBoxFor and Model Binding</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfMaskedTextBox.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Kanban
		<ul>
			<li>Getting Started
				<ul>
					<li>
						<a href="/blazor/kanban/getting-started-with-web-app">Blazor Web App</a>
					</li>
					<li>
						<a href="/blazor/kanban/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li> <a href="/blazor/kanban/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/kanban/columns">Columns</a></li>
			<li> <a href="/blazor/kanban/cards">Cards</a></li>
			<li> <a href="/blazor/kanban/swimlane">Swimlane</a></li>
			<li> <a href="/blazor/kanban/drag-and-drop">Drag and Drop</a></li>
			<li> <a href="/blazor/kanban/workflow">Workflow</a></li>
			<li> <a href="/blazor/kanban/sort">Sorting</a></li>
			<li> <a href="/blazor/kanban/dialog">Card Editing</a></li>
			<li> <a href="/blazor/kanban/tooltip">Tooltip</a></li>
			<li> <a href="/blazor/kanban/style">Styling and Appearance</a></li>
			<li> <a href="/blazor/kanban/validation">WIP Validation</a></li>
			<li> <a href="/blazor/kanban/responsive-mode">Responsive Mode</a></li>
			<li> <a href="/blazor/kanban/localization">Localization</a></li>
			<li> <a href="/blazor/kanban/dimensions">Dimensions</a></li>
			<li> <a href="/blazor/kanban/events">Events</a></li>
			<li> <a href="/blazor/kanban/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Kanban.SfKanban-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Linear Gauge
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/linear-gauge/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/linear-gauge/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/linear-gauge/linear-gauge-dimensions">Dimensions</a></li>
			<li> <a href="/blazor/linear-gauge/axis">Axes</a></li>
			<li> <a href="/blazor/linear-gauge/ranges">Ranges</a></li>
			<li> <a href="/blazor/linear-gauge/pointers">Pointers</a></li>
			<li> <a href="/blazor/linear-gauge/annotations">Annotations</a></li>
			<li> <a href="/blazor/linear-gauge/animation">Animation</a></li>
			<li> <a href="/blazor/linear-gauge/user-interaction">User Interaction</a></li>
			<li> <a href="/blazor/linear-gauge/print">Print and Export</a></li>
			<li> <a href="/blazor/linear-gauge/linear-gauge-appearance">Appearance</a></li>
			<li> <a href="/blazor/linear-gauge/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/linear-gauge/internationalization">Globalization</a></li>
			<li> <a href="/blazor/linear-gauge/events">Events</a></li>
			<li> <a href="/blazor/linear-gauge/methods">Methods</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.LinearGauge.SfLinearGauge.html"> API Reference</a>
			</li>
			<li>How To
				<ul>
					<li> <a href="/blazor/linear-gauge/how-to/place-gauge-inside-other-components">Place gauge inside other components</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li>ListBox
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/listbox/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/listbox/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/listbox/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/listbox/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/listbox/drag-and-drop">Drag and Drop</a></li>
			<li> <a href="/blazor/listbox/dual-listbox">Dual ListBox</a></li>
			<li> <a href="/blazor/listbox/icons-and-templates">Icons and Templates</a></li>
			<li> <a href="/blazor/listbox/selection">Selection</a></li>
			<li> <a href="/blazor/listbox/filtering">Filtering</a></li>
			<li> <a href="/blazor/listbox/sorting-grouping">Sorting and Grouping</a></li>
			<li> <a href="/blazor/listbox/style-and-appearance">Styles and Appearances</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/listbox/how-to/add-items">Add/Remove Items</a></li>
					<li> <a href="/blazor/listbox/how-to/bind-change-event">Bind Change Events</a></li>
					<li> <a href="/blazor/listbox/how-to/enable-scroll">Enable Scroller</a></li>
					<li> <a href="/blazor/listbox/how-to/enable-or-disable-items">Enable/Disable ListBox</a></li>
					<li> <a href="/blazor/listbox/how-to/select-items">Select Items</a></li>
					<li> <a href="/blazor/listbox/how-to/get-items">Get Items</a></li>
					<li> <a href="/blazor/listbox/how-to/filter-listbox">Filter ListBox Data Using TextBox Component</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfListBox-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>ListView
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/listview/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/listview/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/listview/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/listview/grouping">Grouping</a></li>
			<li> <a href="/blazor/listview/check-list">Check list</a></li>
			<li> <a href="/blazor/listview/nested-list">Nested list</a></li>
			<li> <a href="/blazor/listview/customizing-templates">Customizing Templates</a></li>
			<li> <a href="/blazor/listview/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/listview/style">CSS Structure</a></li>
			<li> <a href="/blazor/listview/accessibility">Accessibility</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/listview/how-to/get-selected-items-from-listview">Get selected items from listview</a></li>
					<li> <a href="/blazor/listview/how-to/add-and-remove-list-items-from-listview">Add and remove list items from listview</a></li>
					<li> <a href="/blazor/listview/how-to/dynamic-templates-in-listview-based-on-device">Use dynamic templates in listview based on device</a></li>
					<li> <a href="/blazor/listview/how-to/create-mobile-contact-layout-from-listview">Create mobile contact layout using listview</a></li>
					<li> <a href="/blazor/listview/how-to/filter-and-search-list-items-using-listview">Filter and search list items using listview</a></li>
					<li> <a href="/blazor/listview/how-to/listview-with-hyper-link-navigation">ListView with hyper-link navigation</a></li>
					<li> <a href="/blazor/listview/how-to/chat-window-user-interface-using-listview">Chat window user interface using listview</a></li>
					<li> <a href="/blazor/listview/how-to/create-dual-list-from-listview">Create dual list from listview</a></li>
					<li> <a href="/blazor/listview/how-to/customize-listview-as-grid-layout">Customize listview as grid layout</a></li>
					<li> <a href="/blazor/listview/how-to/fetch-selected-items-from-listview-template-sample">Get selected items from listview template</a></li>
					<li> <a href="/blazor/listview/how-to/trace-events-of-listview">Trace events of listview</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Lists.SfListView-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Maps
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/maps/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/maps/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/maps/populate-data">Populate Data</a></li>
			<li> <a href="/blazor/maps/shapefile">Shapefile</a></li>
			<li> <a href="/blazor/maps/layers">Layers</a></li>
			<li>
				Providers
				<ul>
					<li> <a href="/blazor/maps/providers/openstreetmap">OpenStreetMap</a></li>
					<li> <a href="/blazor/maps/providers/bing-maps">Bing Maps</a></li>
					<li> <a href="/blazor/maps/providers/azure-maps">Azure Maps</a></li>
					<li> <a href="/blazor/maps/providers/other-maps">Other Maps</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/maps/customization">Customization</a></li>
			<li> <a href="/blazor/maps/color-mapping">Color Mapping</a></li>
			<li> <a href="/blazor/maps/data-labels">Data Labels</a></li>
			<li> <a href="/blazor/maps/polygon">Polygon</a></li>
			<li> <a href="/blazor/maps/markers">Markers</a></li>
			<li> <a href="/blazor/maps/bubble">Bubble</a></li>
			<li> <a href="/blazor/maps/legend">Legend</a></li>
			<li> <a href="/blazor/maps/navigation-line">Navigation Lines</a></li>
			<li> <a href="/blazor/maps/annotations">Annotations</a></li>
			<li> <a href="/blazor/maps/user-interactions">User Interactions</a></li>
			<li> <a href="/blazor/maps/print-and-export">Print and Export</a></li>
			<li> <a href="/blazor/maps/state-persistence">State Persistence</a></li>
			<li> <a href="/blazor/maps/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/maps/internationalization">Globalization</a></li>
			<li> <a href="/blazor/maps/localization">Localization</a></li>
			<li> <a href="/blazor/maps/maps-event">Events</a></li>
			<li> <a href="/blazor/maps/maps-method">Methods</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/maps/how-to/place-map-inside-other-components">Place map inside other components</a></li>
					<li> <a href="/blazor/maps/how-to/creating-routes-between-the-markers">Creating routes between the markers</a></li>
					<li> <a href="/blazor/maps/how-to/add-different-types-of-markers">Add different types of markers</a></li>
					<li> <a href="/blazor/maps/how-to/change-center-position-on-zooming">Change center position on zooming</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Maps.SfMaps.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Media Query
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/media-query/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/media-query/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/media-query/break-points">Breakpoints</a></li>
			<li><a href="/blazor/media-query/media-query-integration">Integration</a></li>
			<li><a href="/blazor/media-query/media-query-reusable">Global Reuse</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.SfMediaQuery.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Mention
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/mention/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/mention/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/mention/working-with-data">Working with Data</a></li>
			<li><a href="/blazor/mention/filtering-data">Filtering Data</a></li>
			<li><a href="/blazor/mention/sorting">Sorting</a></li>
			<li> <a href="/blazor/mention/disabled-items">Disabled Items</a></li>
			<li><a href="/blazor/mention/templates">Templates</a></li>
			<li><a href="/blazor/mention/localization">Localization</a></li>
			<li><a href="/blazor/mention/customization">Customization</a></li>
			<li><a href="/blazor/mention/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfMention-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Menu Bar
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/menu-bar/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/menu-bar/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/menu-bar/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/menu-bar/data-source-binding-and-custom-menu-items">DataSource Binding and Custom Menu Bar items</a></li>
			<li> <a href="/blazor/menu-bar/icons">Icons and Submenu Items</a></li>
			<li> <a href="/blazor/menu-bar/menu-events">Menu Bar Events</a></li>
			<li> <a href="/blazor/menu-bar/usecase-scenario">Use Case Scenarios</a></li>
			<li> <a href="/blazor/menu-bar/style-and-appearance">Styles and Appearances</a></li>
			<li> <a href="/blazor/menu-bar/animation">Animation</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/menu-bar/how-to/change-orientation">Change Orientation</a></li>
					<li> <a href="/blazor/menu-bar/how-to/customize-menu-items">Customize Menu Bar Items</a></li>
					<li> <a href="/blazor/menu-bar/how-to/menu-with-rounded-corner">Menu Bar with Rounded Corner</a></li>
					<li> <a href="/blazor/menu-bar/how-to/open-menu-click">Open Sub Menu on Menu Item Click</a></li>
					<li> <a href="/blazor/menu-bar/how-to/right-left">Right to Left</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfMenu-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Message
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/message/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/message/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/message/severities">Severities</a></li>
			<li><a href="/blazor/message/variants">Variants</a></li>
			<li><a href="/blazor/message/icons">Icons</a></li>
			<li><a href="/blazor/message/customization">Customization</a></li>
			<li><a href="/blazor/message/template">Template</a></li>
			<li><a href="/blazor/message/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Notifications.SfMessage.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Multicolumn ComboBox
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/multicolumn-combobox/getting-started-with-web-app">Blazor Web App</a></li>
					<li> <a href="/blazor/multicolumn-combobox/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/multicolumn-combobox/value-binding">Value Binding</a>
		    </li>
			<li>
				<a href="/blazor/multicolumn-combobox/selection">Selection</a>
		    </li>
			<li>
				<a href="/blazor/multicolumn-combobox/data-binding">Data Binding</a>
			</li>
			<li> <a href="/blazor/multicolumn-combobox/column">Columns</a></li>
			<li>
				<a href="/blazor/multicolumn-combobox/placeholder-and-floatlabel">Placeholder and Floatlabel</a>
			</li>
			<li>
				<a href="/blazor/multicolumn-combobox/filtering">Filtering</a>
			</li>
			<li>
				<a href="/blazor/multicolumn-combobox/custom-value">Custom Value</a>
			</li>
			<li><a href="/blazor/multicolumn-combobox/sorting">Sorting</a></li>
			<li> <a href="/blazor/multicolumn-combobox/paging">Paging</a></li>
			<li> <a href="/blazor/multicolumn-combobox/grouping">Grouping</a></li>
			<li><a href="/blazor/multicolumn-combobox/grid-settings">Grid Settings</a></li>
			<li> <a href="/blazor/multicolumn-combobox/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/multicolumn-combobox/template">Templates</a></li>
			<li> <a href="/blazor/multicolumn-combobox/popup-setting">Popup Setting</a></li>
			<li> <a href="/blazor/multicolumn-combobox/style">Style and Appearance</a></li>
			<li><a href="/blazor/multicolumn-combobox/localization">Localization</a></li>
			<li> <a href="/blazor/multicolumn-combobox/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/multicolumn-combobox/form-validation">Form Validation</a></li>
			<li>
				<a href="https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.MultiColumnComboBox.SfMultiColumnComboBox-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>MultiSelect Dropdown
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/multiselect-dropdown/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/multiselect-dropdown/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/multiselect-dropdown/value-binding">Value Binding</a></li>
			<li><a href="/blazor/multiselect-dropdown/selection-deselection">Selection</a></li>
			<li> <a href="/blazor/multiselect-dropdown/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/multiselect-dropdown/multiple-selection-display-mode">Multiple Selection Display Modes</a></li>
			<li> <a href="/blazor/multiselect-dropdown/placeholder-and-floatlabel">Placeholder and Floatlabel</a></li>
			<li> <a href="/blazor/multiselect-dropdown/filtering">Filtering</a></li>
			<li> <a href="/blazor/multiselect-dropdown/form-validation">Form validation</a></li>
			<li> <a href="/blazor/multiselect-dropdown/sorting">Sorting</a></li>
			<li> <a href="/blazor/multiselect-dropdown/grouping">Grouping</a></li>
			<li> <a href="/blazor/multiselect-dropdown/custom-value">Custom Value</a></li>
			<li> <a href="/blazor/multiselect-dropdown/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/multiselect-dropdown/templates">Templates</a></li>
			<li> <a href="/blazor/multiselect-dropdown/multicolumn">Multicolumn MultiSelect Dropdown</a></li>
			<li> <a href="/blazor/multiselect-dropdown/popup-setting">Popup Settings</a></li>
			<li> <a href="/blazor/multiselect-dropdown/style">Style and Appearance</a></li>
			<li> <a href="/blazor/multiselect-dropdown/localization">Localization</a></li>
			<li> <a href="/blazor/multiselect-dropdown/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/multiselect-dropdown/refreshdataasync">RefreshDataAsync</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfMultiSelect-2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Numeric TextBox
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/numeric-textbox/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/numeric-textbox/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/numeric-textbox/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/numeric-textbox/formats">Number Formats</a></li>
			<li> <a href="/blazor/numeric-textbox/globalization">Globalization</a></li>
			<li> <a href="/blazor/numeric-textbox/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/numeric-textbox/native-events">Native Events</a></li>
			<li> <a href="/blazor/numeric-textbox/events">Events</a></li>
			<li> <a href="/blazor/numeric-textbox/style-appearance">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/numeric-textbox/how-to/open-numeric-keyboard-in-numeric-textbox-component">Open Numeric Keyboard in Numeric TextBox</a></li>
					<li> <a href="/blazor/numeric-textbox/how-to/customize-the-ui-appearance-of-the-control">Customize the UI appearance of the component</a></li>
					<li> <a href="/blazor/numeric-textbox/how-to/customize-the-spin-buttons-up-and-down-arrow">Customize the spin button’s up and down arrow</a></li>
					<li> <a href="/blazor/numeric-textbox/how-to/customize-the-step-value-and-hide-spin-buttons">Customize the step value and hide spin buttons</a></li>
					<li> <a href="/blazor/numeric-textbox/how-to/numeric-textbox-model-binding">Numeric Textbox Model Binding</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfNumericTextBox-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>OTP Input
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/otp-input/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/otp-input/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/otp-input/input-types">Input Types</a></li>
			<li><a href="/blazor/otp-input/styling-modes">Styling Modes</a></li>
			<li><a href="/blazor/otp-input/placeholder">Placeholder</a></li>
			<li><a href="/blazor/otp-input/separator">Separator</a></li>
			<li><a href="/blazor/otp-input/appearance">Appearance</a></li>
			<li><a href="/blazor/otp-input/accessibility">Accessibility</a></li>
			<li><a href="/blazor/otp-input/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfOtpInput.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Pager
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/pager/getting-started-webapp">Blazor Web App</a></li>
					<li>
						<a href="/blazor/pager/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/pager/data-binding">Data Binding</a>
			</li>
			<li>
				<a href="/blazor/pager/behaviour-settings">Behaviour Settings</a>
			</li>
			<li>
				<a href="/blazor/pager/pager-with-drop-down">Pager with Dropdown</a>
			</li>
			<li>
				<a href="/blazor/pager/template">Template</a>
			</li>
			<li>
				<a href="/blazor/pager/responsive-layout">Responsive Layout</a>
			</li>
			<li>
				<a href="/blazor/pager/customization">Customization</a>
			</li>
			<li>
				<a href="/blazor/pager/navigation">Navigation</a>
			</li>
			<li>
				<a href="/blazor/pager/globalization">Globalization</a>
			</li>
			<li>
				<a href="/blazor/pager/accessibility">Accessibility</a>
			</li>
		</ul>
	</li>
	<li>PDF
		<ul>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/overview">Overview</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/assemblies-required">Assemblies Required</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/nuget-packages-required">NuGet Packages Required</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/create-pdf-document-in-blazor">Getting Started</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/open-and-save-pdf-file-in-c-sharp-vb-net">Loading and Saving Document</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-document">Working With Document</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pages">Working With Pages</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-text">Working With Text</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-images">Working With Images</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-brushes">Working With Brushes</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-tables">Working With Tables</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-forms">Working With Forms</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-xfa">Working With XFA</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/merge-documents">Merge Documents</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-text-extraction">Working With Text Extraction</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-hyperlinks">Working With HyperLinks</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pdf-templates">Working With PDF Templates</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-headers-and-footers">Working With Headers and Footers</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-shapes">Working With Shapes</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-bookmarks">Working With Bookmarks</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-named-destination">Working With Named Destination</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-annotations">Working With Annotations</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-attachments">Working With Attachments</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-security">Working With Security</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-digitalsignature">Working With DigitalSignature</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-barcode">Working With Barcode</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-action">Working With Action</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-watermarks">Working With Watermarks</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-portfolio">Working With Portfolio</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-layers">Working With Layers</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-tagged-pdf">Working With Tagged PDF</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pdf-conformance">Working With PDF Conformance</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-zugferd-invoice">Working With ZUGFeRD Invoice</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-metadata">Working With Metadata</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-colorspace">Working With Colorspace</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-javascript">Working With JavaScript</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/pdf/supported-and-unsupported-features">Supported and Unsupported Features</a></li>
		</ul>
	</li>
	<li>PDF Viewer
		<ul>
			<li><a href="/blazor/pdfviewer-2/getting-started/features">Overview</a></li>
			<li><a href="/blazor/pdfviewer-2/migration">Migration from PDF Viewer (Classic) to PDF Viewer</a></li>
			<li>Getting Started
				<ul>
					<li><a href="/blazor/pdfviewer-2/getting-started/web-app">Blazor Web App</a></li>
					<li><a href="/blazor/pdfviewer-2/getting-started/server-side-application">Blazor Server App</a></li>
					<li><a href="/blazor/pdfviewer-2/getting-started/web-assembly-application">Blazor WASM App</a></li>
					<li><a href="/blazor/pdfviewer-2/getting-started/deploy-maui-windows">Blazor MAUI App</a></li>
				</ul>
			</li>
			<li>Deployment
				<ul>
					<li><a href="/blazor/pdfviewer-2/getting-started/wsl-application">Windows Subsystem for Linux</a></li>
					<li><a href="/blazor/pdfviewer-2/deployment/aws-beanstalk-deployment">AWS Elastic Beanstalk</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pdfviewer-2/accessibility">Accessibility</a></li>

			<li> <a href="/blazor/pdfviewer-2/opening-pdf-file">Open PDF files</a>
				<ul>
				  <li><a href="/blazor/pdfviewer-2/open-pdf-file/from-amazon-s3">From AWS S3</a></li>
				  <li><a href="/blazor/pdfviewer-2/open-pdf-file/from-azure-blob-storage">From Azure Blob Storage</a></li>
				  <li><a href="/blazor/pdfviewer-2/open-pdf-file/from-google-cloud-storage">From Google Cloud Storage</a></li>
				  <li><a href="/blazor/pdfviewer-2/open-pdf-file/from-google-drive">From Google Drive</a></li>
				  <li><a href="/blazor/pdfviewer-2/open-pdf-file/from-box-cloud-file-storage">From Box cloud file storage</a></li>
				</ul>
			  </li>
			  <li> <a href="/blazor/pdfviewer-2/saving-pdf-file">Save PDF files</a>
				<ul>
				  <li><a href="/blazor/pdfviewer-2/save-pdf-file/to-amazon-s3">To AWS S3</a></li>
				  <li><a href="/blazor/pdfviewer-2/save-pdf-file/to-azure-blob-storage">To Azure Blob Storage</a></li>
				  <li><a href="/blazor/pdfviewer-2/save-pdf-file/to-google-cloud-storage">To Google Cloud Storage</a></li>
				  <li><a href="/blazor/pdfviewer-2/save-pdf-file/to-google-drive">To Google Drive</a></li>
				  <li><a href="/blazor/pdfviewer-2/save-pdf-file/to-box-cloud-file-storage">To Box cloud file storage</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pdfviewer-2/toolbar-customization">Toolbar Customization</a></li>
			<li> <a href="/blazor/pdfviewer-2/command-manager">Command Manager</a></li>
			<li> <a href="/blazor/pdfviewer-2/navigation">Navigation</a></li>
			<li> <a href="/blazor/pdfviewer-2/magnification">Magnification</a></li>
			<li> <a href="/blazor/pdfviewer-2/text-search">Text Search</a></li>
			<li> <a href="/blazor/pdfviewer-2/interaction">Interaction Mode</a></li>
			<li> <a href="/blazor/pdfviewer-2/hand-written-signature">Handwritten Signature</a></li>
			<li>Annotations
				<ul>
					<li><a href="/blazor/pdfviewer-2/annotation/text-markup-annotation">Text Markup Annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/shape-annotation">Shape Annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/stamp-annotation">Stamp annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/sticky-notes-annotation">Sticky Notes Annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/measurement-annotation">Measurement Annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/free-text-annotation">Free Text Annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/ink-annotation">Ink Annotation</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/comments">Comments</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/import-export-annotation">Import and Export Annotations</a></li>
					<li><a href="/blazor/pdfviewer-2/annotation/annotations-in-mobile-view">Annotations in Mobile View</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pdfviewer-2/form-filling">Form Filling</a></li>
			<li> <a href="/blazor/pdfviewer-2/print">Print</a></li>
			<li> <a href="/blazor/pdfviewer-2/events">Events</a></li>
			<li> <a href="/blazor/pdfviewer-2/globalization">Globalization and RTL</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/pdfviewer-2/how-to/how-to-load-PDF-from-URL-to-server-side-PDF-viewer">How to load PDF from URL to server-side PDF viewer</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/create-sfpdfviewer-in-a-popup-window">Create a SfPdfViewer within a popup window in Blazor</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/load-pdf-document-dynamically">Load PDF documents dynamically in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/load-office-files">Load Office files in Blazor SfPdfViewer</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/view-docx-file-in-blazor-application">View DOCX file in Blazor application</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/unload-the-pdf-document-from-viewer">Unload the PDF document from Viewer in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/import-annotations-as-objects">Import annotations as objects in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/suppress-error-message">Suppress the error dialog</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/move-scrollbar">Move the scrollbar to the exact location of annotations</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/create-sfpdfviewer">View the created PDF document</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/check-status-of-annotations-or-comments">Check the status of annotations or comments in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/customize-arrow-annotation-heads">Customize arrow annotation heads in Blazor SfPdfViewer</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/show-or-hide-sfpdfviewer-dynamically">Show or hide the SfPdfViewer Component dynamically in Blazor</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/increase-connection-buffer-size">Increase the connection buffer size in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/print-the-sfpdfiewer-inside-the-dialog-component">Print the SfPdfViewer component inside the Dialog component in Blazor</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/change-the-highlighted-color-of-the-text">Change the highlight color of the text in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/check-whether-the-loaded-PDF-document-is-edited-or-not">Check the document's editing status in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/create-pdf-document-in-the-created-event-of-sfpdfviewer">Create PDF document in the created event of Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/create-sfpdfviewer-in-a-splitter-component">Create SfPdfViewer Component in a Splitter Component in Blazor</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/get-data-from-sfpdfviewer">Get PDF document's data from Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/load-desired-pdf-for-initial-loading-in-hosted-sample">Load desired PDF for initial loading in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/stretch-the-sfpdfviewer-size-to-its-container">Update the viewer size at run-time in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/update-form-field-using-context-menu">Update form field using context menu in Blazor SfPdfViewer</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/identify-the-values-in-the-undo-redo-collections">Identify if the SfPdfViewer has values in the Undo, Redo collections</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/render-ej2-pdf-viewer-in-blazor">Render JS PDF Viewer inside Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/prevent-scrolling">Prevent the PDF from scrolling and remove the vertical scrollbar</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/perform-print-in-same-window">Perform print in same window in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/refer-sfpdfviewer-script-in-application">Refer the SfPdfViewer script file in Blazor application</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/deploy-maui-using-android-emulator">Render PDF document from embedded source in the MAUI Android app</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/improve-performance-using-CDN">Improve the performance using CDN in Blazor SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/processing-large-files-without-increasing-maximum-message-size">Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/load-custom-font-pdfium">Load Custom Fonts in a PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/render-n-pages-scrolling">Render N number pages on scrolling</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/load-font-collection">Load Font Collection in a PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer-2/how-to/reduce-slowness-while-running-the-wasm-sample-in-Visual-Studio">Reduce slowness while running the WASM sample in Visual Studio</a></li>

				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SfPdfViewer2.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Pivot Table
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/pivot-table/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/pivot-table/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pivot-table/data-binding">Data Binding</a></li>
			<li>
				Connecting to data source
				<ul>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/mysql">MySQL</a></li>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/microsoft-sql-server">Microsoft SQL Server</a></li>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/postgreSQL">PostgreSQL</a></li>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/oracledb">Oracle</a></li>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/mongodb">MongoDB</a></li>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/elasticsearch">Elasticsearch</a></li>
					<li><a href="/blazor/pivot-table/connecting-to-data-source/snowflakedb">Snowflake</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pivot-table/olap">OLAP</a></li>
			<li> <a href="/blazor/pivot-table/server-side-pivot-engine">Server-side Engine</a></li>
			<li> <a href="/blazor/pivot-table/pivot-chart">Pivot Chart</a></li>
			<li> <a href="/blazor/pivot-table/drill-down">Drill Down/Up</a></li>
			<li>
				Data Shaping
				<ul>
					<li> <a href="/blazor/pivot-table/aggregation">Aggregation</a></li>
					<li> <a href="/blazor/pivot-table/calculated-field">Calculated Field</a></li>
					<li> <a href="/blazor/pivot-table/grouping">Grouping</a></li>
					<li> <a href="/blazor/pivot-table/filtering">Filtering</a></li>
					<li> <a href="/blazor/pivot-table/sorting">Sorting</a></li>
					<li> <a href="/blazor/pivot-table/drill-through">Drill Through</a></li>
					<li> <a href="/blazor/pivot-table/editing">Editing</a></li>
				</ul>
			</li>
			<li>
				Data Formatting
				<ul>
					<li> <a href="/blazor/pivot-table/number-formatting">Number Formatting</a></li>
					<li> <a href="/blazor/pivot-table/conditional-formatting">Conditional Formatting</a></li>
				</ul>
			</li>
			<li>
				Report Manipulation
				<ul>
					<li> <a href="/blazor/pivot-table/grouping-bar">Grouping Bar</a></li>
					<li> <a href="/blazor/pivot-table/field-list">Field List</a></li>
					<li> <a href="/blazor/pivot-table/defer-layout-update">Defer Layout Update</a></li>
				</ul>
			</li>
			<li>
				Performance
				<ul>
					<li> <a href="/blazor/pivot-table/virtual-scrolling">Virtual Scrolling</a></li>
					<li> <a href="/blazor/pivot-table/paging">Paging</a></li>
					<li> <a href="/blazor/pivot-table/data-compression">Data Compression</a></li>
					<li> <a href="/blazor/pivot-table/performance-best-practices">Performance Best Practices</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pivot-table/state-persistence">State Persistence</a></li>
			<li> <a href="/blazor/pivot-table/row-and-column">Row and Column</a></li>
			<li> <a href="/blazor/pivot-table/show-hide-totals">Show/Hide Totals</a></li>
			<li> <a href="/blazor/pivot-table/hyper-link">Hyperlink</a></li>
			<li> <a href="/blazor/pivot-table/tool-bar">Toolbar</a></li>
			<li> <a href="/blazor/pivot-table/tool-tip">Tooltip</a></li>
			<li> <a href="/blazor/pivot-table/css-customization">Style and Appearance</a></li>
			<li>
				Exporting
				<ul>
					<li> <a href="/blazor/pivot-table/excel-export">Excel Exporting</a></li>
					<li> <a href="/blazor/pivot-table/pdf-export">PDF Exporting</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pivot-table/globalization">Globalization</a></li>
			<li> <a href="/blazor/pivot-table/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/pivot-table/events">Events</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/pivot-table/how-to/switching-older-themes-style">Switching to older themes style</a></li>
					<li> <a href="/blazor/pivot-table/how-to/customize-number-and-date-format">Customize number and date format</a></li>
					<li> <a href="/blazor/pivot-table/how-to/customizing-loading-indicator">Customizing loading indicator</a></li>
					<li> <a href="/blazor/pivot-table/how-to/hide-empty-headers">Hide empty headers</a></li>
					<li> <a href="/blazor/pivot-table/how-to/apply-custom-styles-to-pivot-cells">Apply custom style to pivot cells</a></li>
					<li> <a href="/blazor/pivot-table/how-to/display-string-value-to-pivot-table-values">Display string value to pivot table values</a></li>
					<li> <a href="/blazor/pivot-table/how-to/bind-complex-data-to-the-pivot-table">Convert complex data to flat data and assign it to the pivot table</a></li>
					<li> <a href="/blazor/pivot-table/how-to/show-custom-tooltip-for-row-and-column-headers">Show tooltip for row and column headers</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.PivotView.SfPivotView-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>PowerPoint Library (Presentation)
		<ul>
			<li> <a href="https://help.syncfusion.com/file-formats/presentation/overview">Overview</a></li>
			<li> <a href="https://help.syncfusion.com/file-formats/presentation/getting-started">Getting Started</a></li>
		</ul>
	</li>
	<li>ProgressBar
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/progress-bar/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/progress-bar/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/progress-bar/types">Types</a></li>
			<li> <a href="/blazor/progress-bar/states">States</a></li>
			<li> <a href="/blazor/progress-bar/customization">Customization</a></li>
			<li> <a href="/blazor/progress-bar/progress-annotation">Annotations and Label</a></li>
			<li> <a href="/blazor/progress-bar/animation">Animation</a></li>
			<li> <a href="/blazor/progress-bar/range">Range</a></li>
			<li> <a href="/blazor/progress-bar/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/progress-bar/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.ProgressBar.SfProgressBar.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>ProgressButton
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/progress-button/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/progress-button/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/progress-button/native-event">Native Events</a></li>
			<li> <a href="/blazor/progress-button/types-icons">Types and Icons</a></li>
			<li> <a href="/blazor/progress-button/spinner-and-progress">Spinner and Progress</a></li>
			<li> <a href="/blazor/progress-button/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/progress-button/style-and-appearance">Styles and Appearances</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/progress-button/how-to/change-the-text-content-and-styles-of-the-progressbutton-during-progress">Change the text content and styles of the Progress Button during progress</a></li>
					<li> <a href="/blazor/progress-button/how-to/customize-progress-using-cssclass">Customize progress using cssClass</a></li>
					<li> <a href="/blazor/progress-button/how-to/hide-spinner">Hide spinner</a></li>
					<li> <a href="/blazor/progress-button/how-to/stop-progress-indicator">Stop Progress Indicator</a></li>
					<li> <a href="/blazor/progress-button/how-to/trace-events">Trace Events of Progress Button</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfProgressButton.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>QueryBuilder
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/query-builder/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/query-builder/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/query-builder/columns-binding">Columns</a></li>
			<li> <a href="/blazor/query-builder/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/query-builder/filtering">Filtering</a></li>
			<li> <a href="/blazor/query-builder/templates">Templates</a></li>
			<li> <a href="/blazor/query-builder/import-export">Importing and Exporting</a></li>
			<li> <a href="/blazor/query-builder/lock-group-rule">Lock Group/Rule</a></li>
			<li> <a href="/blazor/query-builder/clone-group-rule">Clone Group/Rule</a></li>
			<li> <a href="/blazor/query-builder/localization">Localization</a></li>
			<li> <a href="/blazor/query-builder/style-and-appearance">Styles and Appearances</a></li>
			<li> <a href="/blazor/query-builder/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/query-builder/drag-and-drop">Drag and Drop</a></li>
			<li> <a href="/blazor/query-builder/separate-connector">Separate Connector</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/query-builder/how-to/getting-started-web-assembly">Getting Started-Client side using Visual studio</a></li>
					<li> <a href="/blazor/query-builder/how-to/change-display-mode">Change Display Mode</a></li>
					<li> <a href="/blazor/query-builder/how-to/enable-not">Show Not Operator</a></li>
					<li> <a href="/blazor/query-builder/how-to/maintain-state-persistence">Maintain the State Persistence</a></li>
					<li> <a href="/blazor/query-builder/how-to/read-only">Readonly</a></li>
					<li> <a href="/blazor/query-builder/how-to/right-to-left">Right to Left</a></li>
					<li> <a href="/blazor/query-builder/how-to/restrict-group">Restrict the Groups</a></li>
					<li> <a href="/blazor/query-builder/how-to/sort-the-columns">Sort the Columns</a></li>
					<li> <a href="/blazor/query-builder/how-to/gets-filtered-records">Gets the Filtered Records</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.QueryBuilder.SfQueryBuilder-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>RadioButton
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/radio-button/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/radio-button/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/radio-button/native-event">Native Events</a></li>
			<li> <a href="/blazor/radio-button/label-and-size">Label and Size</a></li>
			<li> <a href="/blazor/radio-button/style-and-appearance">Styles and Appearances</a></li>
			<li> <a href="/blazor/radio-button/accessibility">Accessibility</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/radio-button/how-to/customize-radiobutton-appearance">Customize Radio Button Appearance</a></li>
					<li> <a href="/blazor/radio-button/how-to/radio-button-model-binding">Radio Button Model Binding</a></li>
					<li> <a href="/blazor/radio-button/how-to/right-to-left">Right-To-Left</a></li>
					<li> <a href="/blazor/radio-button/how-to/set-the-disabled-state">Set the disabled state</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfRadioButton-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Range Selector
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/range-selector/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/range-selector/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/range-selector/working-with-data">Working with Data</a></li>
			<li> <a href="/blazor/range-selector/range">Range</a></li>
			<li> <a href="/blazor/range-selector/light-weight">Lightweight</a></li>
			<li> <a href="/blazor/range-selector/series-type">Series Types</a></li>
			<li> <a href="/blazor/range-selector/data">Types of Data</a></li>
			<li> <a href="/blazor/range-selector/period-selector">Period Selector</a></li>
			<li> <a href="/blazor/range-selector/labels">Labels</a></li>
			<li> <a href="/blazor/range-selector/grid-tick">Grid and Tick Lines</a></li>
			<li> <a href="/blazor/range-selector/custom">Customization</a></li>
			<li> <a href="/blazor/range-selector/tool-tip">Tooltip</a></li>
			<li> <a href="/blazor/range-selector/r-t-l">RTL</a></li>
			<li> <a href="/blazor/range-selector/export">Print and Export</a></li>
			<li> <a href="/blazor/range-selector/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/range-selector/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfRangeNavigator.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Range Slider
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/range-slider/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/range-slider/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/range-slider/types">Types</a></li>
			<li> <a href="/blazor/range-slider/tooltip">Tooltip</a></li>
			<li> <a href="/blazor/range-slider/orientation">Orientation</a></li>
			<li> <a href="/blazor/range-slider/ticks">Ticks</a></li>
			<li> <a href="/blazor/range-slider/format">Formatting</a></li>
			<li> <a href="/blazor/range-slider/limits">Limits</a></li>
			<li> <a href="/blazor/range-slider/style">CSS Structure</a></li>
			<li> <a href="/blazor/range-slider/localization">Localization</a></li>
			<li> <a href="/blazor/range-slider/accessibility">Accessibility</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/range-slider/how-to/customize-the-bar">Customize the bar</a></li>
					<li> <a href="/blazor/range-slider/how-to/customize-the-limits">Customize the limits</a></li>
					<li> <a href="/blazor/range-slider/how-to/customize-the-thumb">Customize the thumb</a></li>
					<li> <a href="/blazor/range-slider/how-to/customize-slider-ticks-label">Customize the tick label</a></li>
					<li> <a href="/blazor/range-slider/how-to/numeric-range-slider">Numeric Range Slider</a></li>
					<li> <a href="/blazor/range-slider/how-to/date-range-slider">Date Range Slider</a></li>
					<li> <a href="/blazor/range-slider/how-to/time-range-slider">Time Range Slider</a></li>
					<li> <a href="/blazor/range-slider/how-to/validate">Validation of Slider</a></li>
					<li> <a href="/blazor/range-slider/how-to/reversible-slider">Reversible Slider</a></li>
					<li> <a href="/blazor/range-slider/how-to/slider-inside-dialog">Render Blazor Range Slider Inside Dialog Popup</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfSlider-1.html"> API Reference</a>
			</li>
		</ul>
	</li>

	<li>Rating
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/rating/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/rating/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/rating/precision-modes">Precision Modes</a></li>
			<li><a href="/blazor/rating/labels">Labels</a></li>
			<li><a href="/blazor/rating/tooltip">Tooltip</a></li>
			<li><a href="/blazor/rating/selection">Selection</a></li>
			<li><a href="/blazor/rating/templates">Templates</a></li>
			<li><a href="/blazor/rating/events">Events</a></li>
			<li><a href="/blazor/rating/appearance">Appearance</a></li>
			<li><a href="/blazor/rating/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfRating.html"> API Reference</a>
			</li>
		</ul>
		</li>
	<li>Ribbon
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/ribbon/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/ribbon/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/ribbon/items">Ribbon Items</a></li>
			<li><a href="/blazor/ribbon/layouts">Ribbon Layouts</a></li>
			<li><a href="/blazor/ribbon/filemenu">File Menu</a></li>
			<li><a href="/blazor/ribbon/backstage">Backstage Menu</a></li>
			<li><a href="/blazor/ribbon/gallery">Ribbon Gallery</a></li>
			<li><a href="/blazor/ribbon/help-pane-template">Help Pane Template</a></li>
			<li><a href="/blazor/ribbon/tooltip">Tooltip</a></li>
			<li><a href="/blazor/ribbon/resizing">Resizing</a></li>
			<li><a href="/blazor/ribbon/events">Events</a></li>
			<li><a href="/blazor/ribbon/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Ribbon.html"> API Reference</a>
			</li>
		</ul>
	</li>

	<li>RichTextEditor
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/rich-text-editor/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/rich-text-editor/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/rich-text-editor/data-binding">Value Binding</a></li>
			<li> <a href="/blazor/rich-text-editor/toolbar">Toolbar</a></li>
			<li> <a href="/blazor/rich-text-editor/iframe">IFrame Editor</a></li>
			<li> <a href="/blazor/rich-text-editor/inline-mode">Inline Editor</a></li>
			<li>
				Tools
				<ul>
					<li><a href="/blazor/rich-text-editor/tools/built-in-tools">Built-in Tools</a></li>
					<li><a href="/blazor/rich-text-editor/tools/styling-tools">Styling Tools</a></li>
					<li><a href="/blazor/rich-text-editor/tools/insert-image">Insert image</a></li>
					<li><a href="/blazor/rich-text-editor/tools/audio">Insert audio</a></li>
					<li><a href="/blazor/rich-text-editor/tools/video">Insert video</a></li>
					<li><a href="/blazor/rich-text-editor/tools/link-manipulation">Link manipulation</a></li>
					<li><a href="/blazor/rich-text-editor/tools/table-manipulation">Table manipulation</a></li>
					<li><a href="/blazor/rich-text-editor/tools/custom-tool">Custom Tool</a></li>
					<li><a href="/blazor/rich-text-editor/tools/dialogSettings">Dialog Settings</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/rich-text-editor/enter-key">Enter Key Configuration</a></li>
			<li> <a href="/blazor/rich-text-editor/paste-cleanup">Paste Clean-up</a></li>
			<li> <a href="/blazor/rich-text-editor/mention-integration">Mention Integration</a></li>
			<li> <a href="/blazor/rich-text-editor/markdown">Markdown Editor</a></li>
			<li> <a href="/blazor/rich-text-editor/form-validation">Form Validation</a></li>
			<li> <a href="/blazor/rich-text-editor/exec-command">Execute Command</a></li>
			<li> <a href="/blazor/rich-text-editor/undo-redo-manager">Undo Redo Manager</a></li>
			<li> <a href="/blazor/rich-text-editor/resizable-editor">Resizable Editor</a></li>
			<li> <a href="/blazor/rich-text-editor/style">Style and Appearance</a></li>
			<li> <a href="/blazor/rich-text-editor/globalization">Globalization</a></li>
			<li> <a href="/blazor/rich-text-editor/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/rich-text-editor/webassembly-performance">WebAssembly Performance</a></li>
			<li> <a href="/blazor/rich-text-editor/import-export">Import and Export</a></li>
			<li> <a href="/blazor/rich-text-editor/editor-modes">Editor Modes</a></li>
			<li> <a href="/blazor/rich-text-editor/keyboard-support">Keyboard Support</a></li>
			<li> <a href="/blazor/rich-text-editor/miscellaneous">Miscellaneous</a></li>
			<li> <a href="/blazor/rich-text-editor/import-and-export">Import/Export</a></li>
			<li> <a href="/blazor/rich-text-editor/events">Events</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/rich-text-editor/how-to/blazor-web-assembly">Getting Started with Blazor WebAssembly RichTextEditor using Visual Studio</a></li>
					<li> <a href="/blazor/rich-text-editor/how-to/rte-inside-dialog">RichTextEditor inside the Dialog component</a></li>
					<li> <a href="/blazor/rich-text-editor/how-to/update-value">Capture ctrl+s to update the value</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Sankey
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/sankey/getting-started-with-web-app">Blazor Web App</a></li>
					<li> <a href="/blazor/sankey/getting-started">Blazor Server</a></li>
					<li> <a href="/blazor/sankey/getting-started-wasm">Blazor WASM</a></li>
				</ul>
			</li>
            <li> <a href="/blazor/sankey/data-binding">Data Binding</a></li>
            <li> <a href="/blazor/sankey/nodes">Nodes</a></li>
            <li> <a href="/blazor/sankey/links">Links</a></li>
            <li> <a href="/blazor/sankey/labels">Labels</a></li>
            <li> <a href="/blazor/sankey/title">Title</a></li>
            <li> <a href="/blazor/sankey/tooltip">Tooltip</a></li>
            <li> <a href="/blazor/sankey/legend">Legend</a></li>
            <li> <a href="/blazor/sankey/customization">Customization</a></li>
            <li> <a href="/blazor/sankey/print-export">Print and Export</a></li>
            <li> <a href="/blazor/sankey/events">Events</a></li>
		</ul>
	</li>
	<li>Scheduler
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/scheduler/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/scheduler/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/scheduler/scheduler-interactions">Scheduler Interactions</a></li>
			<li>
				<a href="/blazor/scheduler/appointments">Appointments</a>
				<ul>
					<li><a href="/blazor/scheduler/recurring-events">Recurring events</a></li>
					<li><a href="/blazor/scheduler/appointment-drag-and-drop">Drag and drop</a></li>
					<li><a href="/blazor/scheduler/appointment-resizing">Resizing</a></li>
					<li><a href="/blazor/scheduler/appointment-customization">Appointment customization</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/scheduler/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/scheduler/crud-actions">CRUD Actions</a></li>
			<li> <a href="/blazor/scheduler/virtual-scrolling">Virtual Scrolling</a></li>
			<li> <a href="/blazor/scheduler/editor-template">Editor Window Customization</a></li>
			<li> <a href="/blazor/scheduler/timezone">Timezone</a></li>
			<li> <a href="/blazor/scheduler/views">Views</a></li>
			<li> <a href="/blazor/scheduler/resources">Resources and Grouping</a></li>
			<li> <a href="/blazor/scheduler/header-rows">Timeline Header Rows</a></li>
			<li> <a href="/blazor/scheduler/row-auto-height">Row Auto Height</a></li>
			<li> <a href="/blazor/scheduler/header-bar">Header Customization</a></li>
			<li> <a href="/blazor/scheduler/timescale">Timescale Customization</a></li>
			<li> <a href="/blazor/scheduler/working-hours">Working Days and Hours</a></li>
			<li> <a href="/blazor/scheduler/cell-customization">Cell Customizations</a></li>
			<li> <a href="/blazor/scheduler/state-persistence">State Persistence</a></li>
			<li> <a href="/blazor/scheduler/exporting">Exporting</a></li>
			<li> <a href="/blazor/scheduler/dimensions">Scheduler Dimensions</a></li>
			<li> <a href="/blazor/scheduler/localization">Globalization</a></li>
			<li> <a href="/blazor/scheduler/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/scheduler/webassembly-performance">WebAssembly Performance</a></li>
			<li> <a href="/blazor/scheduler/events">Events</a></li>
			<li> <a href="/blazor/scheduler/context-menu">Context Menu</a></li>
			<li> <a href="/blazor/scheduler/scheduler-styling">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/scheduler/how-to/blazor-web-assembly-scheduler">Blazor WebAssembly Scheduler</a></li>
					<li> <a href="/blazor/scheduler/how-to/open-editor-window-on-single-click">Open Editor Window on Single Click</a></li>
					<li> <a href="/blazor/scheduler/how-to/create-multiple-events-dynamically">Create Multiple Events in different time slots through CTRL key</a></li>
					<li> <a href="/blazor/scheduler/how-to/custom-header">Custom Header</a></li>
					<li> <a href="/blazor/scheduler/how-to/prevent-appointment-creation-and-deletion">Prevent Appointment Creation and Deletion</a></li>
					<li> <a href="/blazor/scheduler/how-to/half-yearly-view">Show half-yearly view</a></li>
					<li> <a href="/blazor/scheduler/how-to/set-min-max-date">Setting Minimum and Maximum Date</a></li>
					<li> <a href="/blazor/scheduler/how-to/custom-editor-with-validation">Custom Editor With Validation</a></li>
					<li> <a href="/blazor/scheduler/how-to/expand-collapse-resource-dynamically">Expand and Collapse Resource Dynamically</a></li>
					<li> <a href="/blazor/scheduler/how-to/enable-scroll-option-on-all-day-section">Enable scroll option on all-day section</a></li>
					<li> <a href="/blazor/scheduler/how-to/different-work-hours-for-each-days">Setting different Work hours for each day</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Schedule.SfSchedule-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Sidebar
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/sidebar/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/sidebar/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/sidebar/custom-context">Sidebar for Specific Content</a></li>
			<li> <a href="/blazor/sidebar/auto-close">Responsive Sidebar</a></li>
			<li> <a href="/blazor/sidebar/docking-sidebar">Dock</a></li>
			<li> <a href="/blazor/sidebar/style">Styles and Appearance</a></li>
			<li> <a href="/blazor/sidebar/accessibility">Accessibility</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/sidebar/how-to/sidebar-with-list-view">Initialize the Sidebar with ListView</a></li>
					<li> <a href="/blazor/sidebar/how-to/open-and-close-the-sidebar">Open and close the Sidebar</a></li>
					<li> <a href="/blazor/sidebar/how-to/multiple-sidebar">Multiple Sidebar</a></li>
					<li> <a href="/blazor/sidebar/how-to/sidebar-in-the-dotnet8-application">Sidebar in .NET 8 Blazor Web app</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfSidebar.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Signature
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/signature/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/signature/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/signature/customization">Customization</a></li>
			<li> <a href="/blazor/signature/open-save">Open and Save</a></li>
			<li> <a href="/blazor/signature/draw">Draw a Signature</a></li>
			<li> <a href="/blazor/signature/user-interaction">User Interaction</a></li>
			<li> <a href="/blazor/signature/accessibility">Accessibility</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/signature/how-to/integration-toolbar">Integration with Toolbar</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfSignature.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Skeleton
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/skeleton/getting-started-webapp">Blazor Web App</a></li>
					<li>
						<a href="/blazor/skeleton/getting-started">Blazor Server and WASM App</a>
					</li>
				</ul>
			</li>
			<li><a href="/blazor/skeleton/shapes">Shapes</a></li>
			<li><a href="/blazor/skeleton/effects">Shimmer Effects</a></li>
			<li><a href="/blazor/skeleton/styles">Styles</a></li>
			<li><a href="/blazor/skeleton/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Notifications.SfSkeleton.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Smart Paste Button
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/smart-paste/getting-started-webapp">Blazor Web App</a></li>
					<li>
						<a href="/blazor/smart-paste/getting-started">Blazor Server App</a>
					</li>
				</ul>
			</li>
			<li><a href="/blazor/smart-paste/annotation">Annotation</a></li>
			<li><a href="/blazor/smart-paste/customization">Style and Appearance</a></li>
		</ul>
	</li>
	<li>Smart TextArea
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/smart-textarea/getting-started-webapp">Blazor Web App</a></li>
					<li>
						<a href="/blazor/smart-textarea/getting-started">Blazor Server App</a>
					</li>
				</ul>
			</li>
			<li><a href="/blazor/smart-textarea/customization">Customize Suggestions</a></li>
			<li><a href="/blazor/smart-textarea/features">Inherited Features</a></li>
		</ul>
	</li>
	<li>Smith Chart
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/smith-chart/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/smith-chart/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/smith-chart/smith-chart-dimensions">Dimensions</a></li>
			<li> <a href="/blazor/smith-chart/title-subtitle">Title and Subtitle</a></li>
			<li> <a href="/blazor/smith-chart/smith-chart-axis">Axis</a></li>
			<li> <a href="/blazor/smith-chart/smith-chart-legend">Legend</a></li>
			<li> <a href="/blazor/smith-chart/smith-chart-tool-tip">Tooltip</a></li>
			<li> <a href="/blazor/smith-chart/smith-chart-marker">Marker and Data Labels</a></li>
			<li> <a href="/blazor/smith-chart/smith-chart-series">Series</a></li>
			<li> <a href="/blazor/smith-chart/smith-chart-print">Print and Export</a></li>
			<li> <a href="/blazor/smith-chart/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/smith-chart/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfSmithChart.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Sparkline
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/sparkline/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/sparkline/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/sparkline/dimensions">Dimensions</a></li>
			<li> <a href="/blazor/sparkline/chart-types">Chart Types</a></li>
			<li> <a href="/blazor/sparkline/axis-customization">Axis Customization</a></li>
			<li> <a href="/blazor/sparkline/special-points-customization">Special Points Customization</a></li>
			<li> <a href="/blazor/sparkline/range-band">Range Band</a></li>
			<li> <a href="/blazor/sparkline/markers">Markers</a></li>
			<li> <a href="/blazor/sparkline/data-labels">Data Labels</a></li>
			<li> <a href="/blazor/sparkline/user-interaction">User Interaction</a></li>
			<li> <a href="/blazor/sparkline/appearance">Appearance</a></li>
			<li> <a href="/blazor/sparkline/globalization">Globalization</a></li>
			<li> <a href="/blazor/sparkline/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/sparkline/events">Events</a></li>
			<li> <a href="/blazor/sparkline/methods">Methods</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfSparkline-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Speed Dial
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/speeddial/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/speeddial/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/speeddial/items">Items</a></li>
			<li><a href="/blazor/speeddial/positions">Position</a></li>
			<li><a href="/blazor/speeddial/display-modes">Display Mode</a></li>
			<li><a href="/blazor/speeddial/radial-menu">Radial Menu</a></li>
			<li><a href="/blazor/speeddial/template">Templates</a></li>
			<li><a href="/blazor/speeddial/styles">Styles</a></li>
			<li><a href="/blazor/speeddial/modal">Modal</a></li>
			<li><a href="/blazor/speeddial/events">Events</a></li>
			<li><a href="/blazor/speeddial/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfSpeedDial.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Spinner
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/spinner/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/spinner/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/spinner/customization">Customize the Spinner</a></li>
			<li> <a href="/blazor/spinner/spinner-integration">Spinner Integration</a></li>
			<li> <a href="/blazor/spinner/style">Style and Appearance</a></li>
			<li> <a href="/blazor/spinner/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Spinner.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>SplitButton
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/split-button/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/split-button/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/split-button/native-event">Events</a></li>
			<li> <a href="/blazor/split-button/icons">Icons and Separator</a></li>
			<li> <a href="/blazor/split-button/popup-items">Popup Items</a></li>
			<li> <a href="/blazor/split-button/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/split-button/style-and-appearance">Styles and Appearances</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/split-button/how-to/create-right-to-left-splitbutton">Create right-to-left Split Button</a></li>
					<li> <a href="/blazor/split-button/how-to/group-items-in-popup">Group items in popup</a></li>
					<li> <a href="/blazor/split-button/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
					<li> <a href="/blazor/split-button/how-to/set-the-disabled-state">Set the disabled state</a></li>
					<li> <a href="/blazor/split-button/how-to/add-remove-items">Add and Remove Items</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfSplitButton.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Splitter
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/splitter/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/splitter/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/splitter/pane-sizing">Pane Sizing</a></li>
			<li> <a href="/blazor/splitter/pane-content">Pane Content</a></li>
			<li> <a href="/blazor/splitter/pane-settings">Pane Settings</a></li>
			<li> <a href="/blazor/splitter/split-panes">Split Panes</a></li>
			<li> <a href="/blazor/splitter/expand-and-collapse">Expand and Collapse</a></li>
			<li> <a href="/blazor/splitter/two-way-binding">Two way Binding</a></li>
			<li> <a href="/blazor/splitter/resizing">Resize</a></li>
			<li> <a href="/blazor/splitter/state-management">State Management</a></li>
			<li> <a href="/blazor/splitter/different-layouts">Different Layouts</a></li>
			<li> <a href="/blazor/splitter/resize-icon-template">Resize Icon Template</a></li>
			<li> <a href="/blazor/splitter/style">Style and Appearance</a></li>
			<li> <a href="/blazor/splitter/events">Events</a></li>
			<li> <a href="/blazor/splitter/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Layouts.SfSplitter.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Stepper
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/stepper/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/stepper/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/stepper/steps">Steps</a></li>
			<li><a href="/blazor/stepper/steptypes">Step Types</a></li>
			<li><a href="/blazor/stepper/orientations">Orientations</a></li>
			<li><a href="/blazor/stepper/linear-flow">Linear Flow</a></li>
			<li><a href="/blazor/stepper/steps-validation">Validation</a></li>
			<li><a href="/blazor/stepper/template">Template</a></li>
			<li><a href="/blazor/stepper/tooltip">Tooltip</a></li>
			<li><a href="/blazor/stepper/animation">Animation</a></li>
			<li><a href="/blazor/stepper/globalization">Globalization</a></li>
			<li><a href="/blazor/stepper/accessibility">Accessibility</a></li>
			<li><a href="/blazor/stepper/events">Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfStepper.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Stock Chart
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/stock-chart/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/stock-chart/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/stock-chart/working-with-data">Working with Data</a></li>
			<li> <a href="/blazor/stock-chart/chart-dimensions">Stock Chart Dimensions</a></li>
			<li> <a href="/blazor/stock-chart/axis-types">Axis Types</a></li>
			<li> <a href="/blazor/stock-chart/axis-customization">Axis Customization</a></li>
			<li> <a href="/blazor/stock-chart/series-types">Series Types</a></li>
			<li> <a href="/blazor/stock-chart/trend-lines">Trendlines</a></li>
			<li> <a href="/blazor/stock-chart/technical-indicators">Technical Indicators</a></li>
			<li> <a href="/blazor/stock-chart/tool-tip">Tooltip</a></li>
			<li> <a href="/blazor/stock-chart/zooming">Zooming</a></li>
			<li> <a href="/blazor/stock-chart/cross-hair">Crosshair</a></li>
			<li> <a href="/blazor/stock-chart/legend">Legend</a></li>
			<li> <a href="/blazor/stock-chart/period-selector">Period Selector</a></li>
			<li> <a href="/blazor/stock-chart/panning">Panning</a></li>
			<li> <a href="/blazor/stock-chart/range-selector">Range Selector</a></li>
			<li> <a href="/blazor/stock-chart/appearance">Appearance</a></li>
			<li> <a href="/blazor/stock-chart/export-print">Print and Export</a></li>
			<li> <a href="/blazor/stock-chart/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/stock-chart/events">Events</a></li>
			<li> <a href="/blazor/stock-chart/stock-events">Stock Events</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfStockChart.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Tabs
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/tabs/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/tabs/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/tabs/responsive-modes">Responsive Modes</a></li>
			<li> <a href="/blazor/tabs/header">Header</a></li>
			<li> <a href="/blazor/tabs/content-render-modes">Content Render Modes</a></li>
			<li> <a href="/blazor/tabs/animations">Animations</a></li>
			<li> <a href="/blazor/tabs/localization">Localization</a></li>
			<li> <a href="/blazor/tabs/orientation">Orientation</a></li>
			<li> <a href="/blazor/tabs/drag-and-drop">Drag and Drop</a></li>
			<li> <a href="/blazor/tabs/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/tabs/style">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/tabs/how-to/add-remove-tab-items">Add/Remove Tab items</a></li>
					<li> <a href="/blazor/tabs/how-to/show-hide-tab-item">Show/Hide Tab item</a></li>
					<li> <a href="/blazor/tabs/how-to/enable-or-disable-tab-item">Enable/Disable Tab item</a></li>
					<li> <a href="/blazor/tabs/how-to/add-nested-tabs">Add nested Tabs</a></li>
					<li> <a href="/blazor/tabs/how-to/prevent-content-swipe-selection">Prevent content swipe selection</a></li>
					<li> <a href="/blazor/tabs/how-to/create-wizard-using-tab">Create wizard</a></li>
					<li> <a href="/blazor/tabs/how-to/customize-selected-tab-styles">Style Customization for active Item</a></li>
					<li> <a href="/blazor/tabs/how-to/set-state-persistence-of-the-tab-component">Set state persistence</a></li>
					<li> <a href="/blazor/tabs/how-to/customize-the-scrolling-distance">Customize the Scrolling distance</a></li>
					<li> <a href="/blazor/tabs/how-to/reorder-active-tab">Prevent reorder active tab</a></li>
					<li> <a href="/blazor/tabs/how-to/tab-selection">Find interaction</a></li>
					<li> <a href="/blazor/tabs/how-to/tab-key-navigation-items">Tab key navigation</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfTab.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>TextArea
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/textarea/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/textarea/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/textarea/floating-label">Floating Label</a></li>
			<li> <a href="/blazor/textarea/rows-columns">Rows and Columns Count</a></li>
			<li> <a href="/blazor/textarea/resize">Resize</a></li>
			<li> <a href="/blazor/textarea/max-length">Maximum Length</a></li>
			<li> <a href="/blazor/textarea/form-support">Form Support</a></li>
			<li> <a href="/blazor/textarea/styles-appearance">Style and Appearance</a></li>
			<li> <a href="/blazor/textarea/events">Events</a></li>
			<li> <a href="/blazor/textarea/methods">Methods</a></li>	
		</ul>
	</li>
	<li>TextBox
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/textbox/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/textbox/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/textbox/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/textbox/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/textbox/multiline">Multiline</a></li>
			<li> <a href="/blazor/textbox/sizing">Sizing</a></li>
			<li> <a href="/blazor/textbox/groups">Groups</a></li>
			<li> <a href="/blazor/textbox/validation">Validation</a></li>
			<li> <a href="/blazor/textbox/native-events">Native Events</a></li>
			<li> <a href="/blazor/textbox/events">Events</a></li>
			<li> <a href="/blazor/textbox/style-appearance">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/textbox/how-to/set-the-rounded-corner">Set the Rounded Corner</a></li>
					<li> <a href="/blazor/textbox/how-to/set-the-disabled-state">Set the Disabled State</a></li>
					<li> <a href="/blazor/textbox/how-to/set-the-read-only-textbox">Set the Read-only TextBox</a></li>
					<li> <a href="/blazor/textbox/how-to/change-the-floating-label-color-of-the-textbox">Change the Floating Label Color of the TextBox</a></li>
					<li> <a href="/blazor/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="/blazor/textbox/how-to/customize-the-textbox-background-color-and-text-color">Customize the TextBox Background-color and Text-color</a></li>
					<li> <a href="/blazor/textbox/how-to/create-components-dynamically">Create TextBox component dynamically</a></li>
					<li> <a href="/blazor/textbox/how-to/create-custom-component-with-validation">Create custom component with validation</a></li>
					<li> <a href="/blazor/textbox/how-to/troubleshoot">Troubleshoot</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfTextBox.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Timeline
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/timeline/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/timeline/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/timeline/items">Items</a></li>
			<li><a href="/blazor/timeline/orientations">Orientations</a></li>
			<li><a href="/blazor/timeline/align">Align Items</a></li>
			<li><a href="/blazor/timeline/reverse">Reverse Timeline</a></li>
			<li><a href="/blazor/timeline/template">Template</a></li>
			<li><a href="/blazor/timeline/customization">Customization</a></li>
			<li><a href="/blazor/timeline/accessibility">Accessibility</a></li>
			<li><a href="/blazor/timeline/events">Events</a></li>
		</ul>
	</li>
	<li>TimePicker
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/timepicker/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/timepicker/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/timepicker/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/timepicker/time-range">Time Range</a></li>
			<li> <a href="/blazor/timepicker/time-format">Time Format</a></li>
			<li> <a href="/blazor/timepicker/mask-support">Mask Support</a></li>
			<li> <a href="/blazor/timepicker/timeonly-support">TimeOnly Support</a></li>
			<li> <a href="/blazor/timepicker/globalization">Globalization</a></li>
			<li> <a href="/blazor/timepicker/native-events">Native Events</a></li>
			<li> <a href="/blazor/timepicker/strict-mode">Strict Mode</a></li>
			<li> <a href="/blazor/timepicker/accessibility"> Accessibility</a></li>
			<li> <a href="/blazor/timepicker/events">Events</a></li>
			<li> <a href="/blazor/timepicker/style-appearance">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/timepicker/how-to/css-customization">CSS Customization</a></li>
					<li> <a href="/blazor/timepicker/how-to/limitation-of-time-span">Limitations of TimeSpan DataType</a></li>
					<li> <a href="/blazor/timepicker/how-to/open-popup-on-input-click">Open the TimePicker popup upon focusing input of TimePicker</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Toast
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/toast/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/toast/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/toast/config">Configuring Options</a></li>
			<li> <a href="/blazor/toast/position">Positioning</a></li>
			<li> <a href="/blazor/toast/action-buttons">Action Buttons</a></li>
			<li> <a href="/blazor/toast/timeout">Timeout</a></li>
			<li> <a href="/blazor/toast/template">Template</a></li>
			<li> <a href="/blazor/toast/animation">Animation</a></li>
			<li> <a href="/blazor/toast/style">Style and Appearance</a></li>
			<li> <a href="/blazor/toast/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/toast/events">Events</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/toast/how-to/show-different-types-of-toast">Show different types of toast</a></li>
					<li> <a href="/blazor/toast/how-to/show-multiple-toasts-in-various-positions">Show multiple toasts in various positions</a></li>
					<li> <a href="/blazor/toast/how-to/change-toast-content-dynamically">Show toast content dynamically</a></li>
					<li> <a href="/blazor/toast/how-to/close-the-toast-with-click-tap">Close the toast with click/tap</a></li>
					<li> <a href="/blazor/toast/how-to/add-dynamic-template">Add dynamic template</a></li>
					<li> <a href="/blazor/toast/how-to/access-specific-toast">Access specific toast</a></li>
					<li> <a href="/blazor/toast/how-to/prevent-toast-close-with-mobile-swipe">Prevent toast close with mobile swipe</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Notifications.SfToast.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Toggle Switch Button
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/toggle-switch-button/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/toggle-switch-button/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/toggle-switch-button/native-event">Events</a></li>
			<li> <a href="/blazor/toggle-switch-button/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/toggle-switch-button/style-and-appearance">Styles and Appearances</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/toggle-switch-button/how-to/change-size">Change Size</a></li>
					<li> <a href="/blazor/toggle-switch-button/how-to/customize-the-appearance-of-a-switch">Customize the appearance of a Toggle Switch Button</a></li>
					<li> <a href="/blazor/toggle-switch-button/how-to/enable-rtl">Enable RTL</a></li>
					<li> <a href="/blazor/toggle-switch-button/how-to/change-switch-state-using-toggle-method">Change Toggle Switch Button state using toggle method</a></li>
					<li> <a href="/blazor/toggle-switch-button/how-to/set-disabled-state">Set disabled state</a></li>
					<li> <a href="/blazor/toggle-switch-button/how-to/toggle-switch-model-binding">Toggle Switch Button Model binding</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfSwitch-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Toolbar
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/toolbar/getting-started-webapp">Blazor Web App</a></li>
					<li><a href="/blazor/toolbar/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li><a href="/blazor/toolbar/item-configuration">Item Configuration</a></li>
			<li><a href="/blazor/toolbar/align-items-using-spacer">Align Items</a></li>
			<li><a href="/blazor/toolbar/responsive-mode">Responsive Mode</a></li>
			<li><a href="/blazor/toolbar/accessibility">Accessibility</a></li>
			<li><a href="/blazor/toolbar/style">Style and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/toolbar/how-to/add-remove-toolbar-items">Add/Remove Toolbar items</a></li>
					<li> <a href="/blazor/toolbar/how-to/show-hide-toolbar-item">Show/Hide Toolbar item</a></li>
					<li> <a href="/blazor/toolbar/how-to/enable-or-disable-toolbar-item">Enable/Disable Toolbar item</a></li>
					<li> <a href="/blazor/toolbar/how-to/set-command-customization">Set command customization</a></li>
					<li> <a href="/blazor/toolbar/how-to/set-tool-tip-to-the-commands">Set Blazor Tooltip to the commands</a></li>
					<li> <a href="/blazor/toolbar/how-to/set-item-wise-custom-template">Set item-wise custom template</a></li>
					<li> <a href="/blazor/toolbar/how-to/add-toggle-button">Add Toggle Button</a></li>
					<li> <a href="/blazor/toolbar/how-to/customize-the-scrolling-distance">Customize the Scrolling distance</a></li>
					<li> <a href="/blazor/toolbar/how-to/tab-key-navigation-toolbar-items">Tab key navigation</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfToolbar.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Tooltip
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/tooltip/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/tooltip/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/tooltip/setting-dimension">Setting Dimension</a></li>
			<li> <a href="/blazor/tooltip/content">Content</a></li>
			<li> <a href="/blazor/tooltip/position">Position</a></li>
			<li> <a href="/blazor/tooltip/open-mode">Open Mode</a></li>
			<li> <a href="/blazor/tooltip/customization">Customization</a></li>
			<li> <a href="/blazor/tooltip/style">Styles and Appearance</a></li>
			<li> <a href="/blazor/tooltip/accessibility">Accessibility</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Popups.SfTooltip.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>TreeGrid
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/treegrid/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/treegrid/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/treegrid/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/treegrid/custom-binding">Custom Binding</a></li>
			<li>
				<a href="/blazor/treegrid/columns/columns">Columns</a>
				<ul>
					<li><a href="/blazor/treegrid/columns/column-chooser">Column Chooser</a></li>
					<li><a href="/blazor/treegrid/columns/column-resizing">Column Resizing</a></li>
					<li><a href="/blazor/treegrid/columns/column-template">Column Template</a></li>
					<li><a href="/blazor/treegrid/columns/column-reorder">Column Reorder</a></li>
					<li><a href="/blazor/treegrid/columns/column-menu">Column Menu</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/treegrid/rows/rows">Rows</a>
				<ul>
					<li><a href="/blazor/treegrid/rows/row-height">Row Height</a></li>
					<li><a href="/blazor/treegrid/rows/row-template">Row Template</a></li>
					<li><a href="/blazor/treegrid/rows/detail-template">Detail Template</a></li>
					<li><a href="/blazor/treegrid/rows/row-drag-and-drop">Row Drag and Drop</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/treegrid/templates">Templates</a></li>
			<li> <a href="/blazor/treegrid/cell">Cell</a></li>
			<li>
				<a href="/blazor/treegrid/editing/edit">Editing</a>
				<ul>
					<li><a href="/blazor/treegrid/editing/cell-edit-types">Cell Edit Types</a></li>
					<li><a href="/blazor/treegrid/editing/cell-editing">Cell Editing</a></li>
					<li><a href="/blazor/treegrid/editing/row-editing">Row Editing</a></li>
					<li><a href="/blazor/treegrid/editing/dialog-editing">Dialog Editing</a></li>
					<li><a href="/blazor/treegrid/editing/batch-editing">Batch Editing</a></li>
					<li><a href="/blazor/treegrid/editing/template-editing">Template Editing</a></li>
					<li><a href="/blazor/treegrid/editing/command-column-editing">Command Column Editing</a></li>
					<li><a href="/blazor/treegrid/editing/column-validation">Column Validation</a></li>
					<li><a href="/blazor/treegrid/editing/entity-frame-work">Entity Framework</a></li>
					<li><a href="/blazor/treegrid/editing/auto-fill-like-excel">Auto Fill like Excel</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/treegrid/filtering/filtering">Filtering</a>
				<ul>
					<li><a href="/blazor/treegrid/filtering/filter-bar">Filter Bar</a></li>
					<li><a href="/blazor/treegrid/filtering/filter-menu">Filter Menu</a></li>
					<li><a href="/blazor/treegrid/filtering/excel-like-filter">Excel Like Filter</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/treegrid/sorting">Sorting</a></li>
			<li> <a href="/blazor/treegrid/searching">Searching</a></li>
			<li> <a href="/blazor/treegrid/paging">Paging</a></li>
			<li> <a href="/blazor/treegrid/scrolling">Scrolling</a></li>
			<li> <a href="/blazor/treegrid/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/treegrid/aggregate">Aggregate</a></li>
			<li> <a href="/blazor/treegrid/globalization">Globalization</a></li>
			<li> <a href="/blazor/treegrid/selection">Selection</a></li>
			<li> <a href="/blazor/treegrid/toolbar">Toolbar</a></li>
			<li> <a href="/blazor/treegrid/excel-export">Export to Excel</a></li>
			<li> <a href="/blazor/treegrid/exporting">Export to PDF</a></li>
			<li> <a href="/blazor/treegrid/print">Print</a></li>
			<li> <a href="/blazor/treegrid/adaptive-layout">Adaptive Layout</a></li>
			<li> <a href="/blazor/treegrid/state-management">State Management</a></li>
			<li> <a href="/blazor/treegrid/clipboard">Clipboard</a></li>
			<li> <a href="/blazor/treegrid/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/treegrid/context-menu">Context Menu</a></li>
			<li> <a href="/blazor/treegrid/custom-style">Styling and Appearance</a></li>
			<li> <a href="/blazor/treegrid/events">Events</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/treegrid/how-to/show-or-hide-columns-in-dialog-editing">Show or Hide columns in Dialog editing</a></li>
					<li> <a href="/blazor/treegrid/how-to/tool-bar-with-drop-down-list">Create custom toolbar with drop-down list</a></li>
					<li> <a href="/blazor/treegrid/how-to/customize-column-styles">Customize Column Styles</a></li>
					<li> <a href="/blazor/treegrid/how-to/access-public-methods">Access public methods in Tree Grid</a></li>
					<li> <a href="/blazor/treegrid/how-to/change-data-source-dynamically">Change datasource dynamically</a></li>
					<li> <a href="/blazor/treegrid/how-to/custom-control-in-treegrid-toolbar">Custom control in Tree Grid toolbar</a></li>
					<li> <a href="/blazor/treegrid/how-to/treegrid-customization">Tree Grid customization</a></li>
					<li> <a href="/blazor/treegrid/how-to/prevent-default-treegrid-action">Prevent default Tree Grid action</a></li>
					<li> <a href="/blazor/treegrid/how-to/row-cell-index">Get index value of selected rowcell</a></li>
					<li> <a href="/blazor/treegrid/how-to/select-treegrid-rows-based-on-condition">Select Tree Grid rows based on certain condition</a></li>
					<li> <a href="/blazor/treegrid/how-to/customize-icon-column-menu">Customize column menu icon</a></li>
					<li> <a href="/blazor/treegrid/how-to/calculate-column-value-based-on-other-columns">Calculate column value based on other columns</a></li>
					<li> <a href="/blazor/treegrid/how-to/using-dictionary-values-in-treegrid-data-source">Using dictionary values in Tree Grid datasource</a></li>
					<li> <a href="/blazor/treegrid/how-to/custom-toolbar-items-with-text-name-same-as-default-toolbar-items">Custom toolbar items with text name same as default toolbar items</a></li>
					<li> <a href="/blazor/treegrid/how-to/render-treegrid-inside-tab-with-specific-height">Render TreeGrid inside the Tab with specific height</a></li>
					<li> <a href="/blazor/treegrid/how-to/single-click-editing-with-batch-mode">Single click editing with Batch mode</a></li>
					<li> <a href="/blazor/treegrid/how-to/editing-with-template-column">Editing with template column</a></li>
					<li> <a href="/blazor/treegrid/how-to/hide-treegrid-header">Hide Tree Grid Header</a></li>
					<li> <a href="/blazor/treegrid/how-to/display-custom-tool-tip-in-treegrid-cell">Display Custom Tooltip in Tree Grid cell</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>TreeMap
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/treemap/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/treemap/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/treemap/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/treemap/layout">Layout</a></li>
			<li> <a href="/blazor/treemap/leaf-item">Leaf Item</a></li>
			<li> <a href="/blazor/treemap/levels">Levels</a></li>
			<li> <a href="/blazor/treemap/color-mapping">Color Mapping</a></li>
			<li> <a href="/blazor/treemap/labels">Data Label</a></li>
			<li> <a href="/blazor/treemap/legend">Legend</a></li>
			<li> <a href="/blazor/treemap/drill-down">Drilldown</a></li>
			<li> <a href="/blazor/treemap/tooltip">Tooltip</a></li>
			<li> <a href="/blazor/treemap/selection-and-highlight">Selection and Highlight</a></li>
			<li> <a href="/blazor/treemap/print-and-export">Print and Export</a></li>
			<li> <a href="/blazor/treemap/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/treemap/internationalization">Globalization</a></li>
			<li> <a href="/blazor/treemap/events">Events</a></li>
			<li> <a href="/blazor/treemap/methods">Methods</a></li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.TreeMap.SfTreeMap-1.html"> API Reference</a>
			</li>
			<li>How To
				<ul>
					<li> <a href="/blazor/treemap/how-to/place-treemap-inside-other-components">Place treemap inside other components</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li>TreeView
		<ul>
			<li>Getting Started
				<ul>
					<li> <a href="/blazor/treeview/getting-started-webapp">Blazor Web App</a></li>
					<li> <a href="/blazor/treeview/getting-started">Blazor Server and WASM App</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/treeview/data-binding">Data Binding</a></li>
			<li> <a href="/blazor/treeview/check-box">CheckBox</a></li>
			<li> <a href="/blazor/treeview/node-editing">Node Editing</a></li>
			<li> <a href="/blazor/treeview/virtualization">Virtualization</a></li>
			<li> <a href="/blazor/treeview/expand-collaspe-actions">Expand/Collapse Actions</a></li>
			<li> <a href="/blazor/treeview/node-selection">Node Selection</a></li>
			<li> <a href="/blazor/treeview/multiple-selection">MultiSelection</a></li>
			<li> <a href="/blazor/treeview/drag-and-drop">Drag and Drop</a></li>
			<li> <a href="/blazor/treeview/integration">Integration</a></li>
			<li> <a href="/blazor/treeview/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/treeview/template">Template</a></li>
			<li> <a href="/blazor/treeview/sorting">Sorting</a></li>
			<li> <a href="/blazor/treeview/authorization-and-authentication">Authorization and Authentication</a></li>
			<li> <a href="/blazor/treeview/searching-and-filtering">Searching and Filtering</a></li>
			<li> <a href="/blazor/treeview/events">Events</a></li>
			<li> <a href="/blazor/treeview/node-customization">Node Customization</a></li>
			<li> <a href="/blazor/treeview/navigation">Navigation</a></li>
			<li> <a href="/blazor/treeview/styles">Styles and Appearance</a></li>
			<li>How To
				<ul>
					<li> <a href="/blazor/treeview/how-to/customize-the-expand-and-collapse-icons">Customize the expand and collapse icons</a></li>
					<li> <a href="/blazor/treeview/how-to/customize-the-tree-nodes-based-on-levels">Customize the tree nodes based on levels</a></li>
					<li> <a href="/blazor/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="/blazor/treeview/how-to/validate-the-text-when-renaming-the-tree-node">Validate the text when renaming the tree node</a></li>
					<li> <a href="/blazor/treeview/how-to/accordion-tree">Customize treeview as accordion</a></li>
					<li> <a href="/blazor/treeview/how-to/get-dynamic-icon">Get iconCss dynamically in treeview</a></li>
					<li> <a href="/blazor/treeview/how-to/get-all-child-nodes">Get all child nodes through parentID in treeview</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Word Library (DocIO)
		<ul>
			<li><a href="https://help.syncfusion.com/file-formats/docio/overview">Overview</a></li>
			<li><a href="https://help.syncfusion.com/file-formats/docio/create-word-document-in-blazor">Getting Started</a></li>
		</ul>
	</li>
	<li>PDF Viewer (Classic)
		<ul>
			<li> <a href="/blazor/pdfviewer/getting-started/features">Overview</a></li>
			<li> <a href="/blazor/pdfviewer-2/migration">Migration from PDF Viewer (Classic) to PDF Viewer</a></li>
			<li> <a href="/blazor/pdfviewer/getting-started/server-side-application">Getting Started - Server App</a></li>
			<li> <a href="/blazor/pdfviewer/getting-started/web-assembly-application">Getting Started - WebAssembly App</a></li>
			<li> <a href="/blazor/pdfviewer/getting-started/wsl-application">Getting Started with Blazor PDF Viewer Component in WSL mode</a></li>
			<li> <a href="/blazor/pdfviewer/accessibility">Accessibility</a></li>
			<li> <a href="/blazor/pdfviewer/opening-pdf-file">Opening PDF file</a></li>
			<li> <a href="/blazor/pdfviewer/saving-pdf-file">Saving PDF file</a></li>
			<li> <a href="/blazor/pdfviewer/toolbar-customization">Toolbar Customization</a></li>
			<li> <a href="/blazor/pdfviewer/navigation">Navigation</a></li>
			<li> <a href="/blazor/pdfviewer/magnification">Magnification</a></li>
			<li> <a href="/blazor/pdfviewer/text-search">Text Search</a></li>
			<li> <a href="/blazor/pdfviewer/interaction">Interaction Mode</a></li>
			<li>Annotations
				<ul>
					<li> <a href="/blazor/pdfviewer/annotation/text-markup-annotation">Text Markup Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/shape-annotation">Shape Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/stamp-annotation">Stamp Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/sticky-notes-annotation">Sticky Notes Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/measurement-annotation">Measurement Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/free-text-annotation">Free Text Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/comments">Comments</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/import-export-annotation">Import and Export Annotations</a></li>
					<li> <a href="/blazor/pdfviewer/annotation/ink-annotation">Ink Annotation</a></li>
				</ul>
			</li>
			<li> <a href="/blazor/pdfviewer/form-filling">Form Filling</a></li>
			<li> <a href="/blazor/pdfviewer/hand-written-signature">Handwritten Signature</a></li>
			<li> <a href="/blazor/pdfviewer/print">Print</a></li>
			<li> <a href="/blazor/pdfviewer/download">Download</a></li>
			<li> <a href="/blazor/pdfviewer/events">Events</a></li>
			<li> <a href="/blazor/pdfviewer/globalization">Globalization and RTL</a></li>
			<li>Amazon Web Services (AWS)
				<ul>
					<li><a href="/blazor/pdfviewer/deployment/aws-beanstalk-deployment">AWS Elastic Beanstalk</a></li>
				</ul>
			</li>
			<li>How To
				<ul>
					<li> <a href="/blazor/pdfviewer/how-to/create-pdfviewer-in-a-popup-window">Create PDF Viewer in a popup window</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/load-pdf-document-dynamically">Load PDF documents dynamically in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/load-office-files">Load Office files in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/view-docx-file-in-blazor-application">View DOCX file in Blazor application</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/unload-the-pdf-document-from-viewer">Unload the PDF document from Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/import-annotations-as-objects">Import annotations as objects</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/suppress-error-message">Suppress the error dialog</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/authorization-token">Include the Authorization token</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/move-scrollbar">Move the scrollbar to the exact location of annotations</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/create-pdf-viewer">View the created PDF document</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/unexpected-token">Resolve the Unexpected token T in JSON at position 0 error in the LINUX platform</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/check-status-of-annotations-or-comments">Check the status of annotations or comments in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/customize-arrow-annotation-heads">Customize arrow annotation heads in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/show-or-hide-pdfviewer-dynamically">Show or hide PDF Viewer dynamically in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/increase-connection-buffer-size">Resolve Maximum Receive Message size error in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/print-the-PDFViewer-inside-the-Dialog-component">Print the PDFViewer inside the Dialog component</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/change-the-highlighted-color-of-the-text">Change the highlighted color of the annotation in Blazor PDFViewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/check-whether-the-loaded-PDF-document-is-edited-or-not">Check whether the loaded PDF document is edited or not in Blazor PDFViewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/create-pdf-document-in-the-created-event-of-pdf-viewer">Create PDF document in the created event of Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/create-pdfviewer-in-a-splitter-component">Create PDF Viewer in a Splitter Component in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/get-data-from-pdf-viewer">Get loaded PDF document's data from Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/load-desired-pdf-for-initial-loading-in-hosted-sample">Load desired PDF for initial loading in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/stretch-the-pdf-viewer-size-to-its-container">Stretch the PDF Viewer size to its container size in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/update-form-field-using-context-menu">Update form field using context menu in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/identify-the-values-in-the-undo-redo-collections">Identify if the PDF Viewer has values in the Undo, Redo collections</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/render-ej2-pdf-viewer-in-blazor">Render JS PDF Viewer in Blazor</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/prevent-scrolling">Prevent the PDF from scrolling and remove the vertical scrollbar</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/resolve-System-EntryPointNotFound-exception">Resolve System Entry Point Not Found Exception in Blazor PDF Viewer</a></li>
					<li> <a href="/blazor/pdfviewer/how-to/webservice-not-listening">How to clear the Web-service is not listening error</a></li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.PdfViewerServer.SfPdfViewerServer.html"> API Reference</a>
			</li>
		</ul>
	</li>
<li>Diagram(Classic)
		<ul>
			<li>
				<a href="/blazor/diagram-classic/getting-started">Getting Started</a>
			</li>
			<li>Nodes
				<ul>
					<li>
						<a href="/blazor/diagram-classic/nodes/nodes">Actions of nodes</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/nodes/positioning">Positioning</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/nodes/appearance">Appearance</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/nodes/interaction">Interaction</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/nodes/events">Events</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram-classic/shapes">Shapes</a>
			</li>
			<li>Bpmn Shapes
				<ul>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-shapes">BPMN Shapes</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-event">BPMN Event</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-gateway">BPMN Gateway</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-activity">BPMN Activity</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-data-object">BPMN Data object</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-data-source">BPMN Datasource</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-text-annotation">BPMN Text Annotation</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-group">BPMN Group</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/bpmn-shapes/bpmn-connectors">BPMN Connectors</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram-classic/umldiagram">UML Diagram Shapes</a>
			</li>
			<li>Connectors
				<ul>
					<li>
						<a href="/blazor/diagram-classic/connectors/connectors">Actions of connectors</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/connectors/segments">Segments</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/connectors/customization">Customization</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/connectors/interactions">Interaction</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/connectors/events">Events</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram-classic/group">Group</a>
			</li>
			<li>Annotations
				<ul>
					<li>
						<a href="/blazor/diagram-classic/annotations/labels">Actions of annotation</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/annotations/node-annotation">Annotation for node</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/annotations/connector-annotation">Annotation for connector</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/annotations/appearance">Appearance</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/annotations/interaction">Interaction</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/annotations/events">Events</a>
					</li>
				</ul>
			</li>
			<li>Ports
				<ul>
					<li>
						<a href="/blazor/diagram-classic/ports/ports">Actions of port</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/ports/positioning">Positioning</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/ports/appearance">Appearance</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/ports/interaction">Interaction</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram-classic/constraints">Constraints</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/interaction">Interaction</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/tools">Tools</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/grid-lines">Gridlines</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/page-settings">Page Settings</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/scroll-settings">Scroll Settings</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/data-binding">Data Binding</a>
			</li>
			<li>Layout
				<ul>
					<li>
						<a href="/blazor/diagram-classic/layout/automatic-layout">Automatic layout</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/hierarchical-layout">Hierarchical layout</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/organizational-chart">Organizational chart</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/mind-map">Mind map layout</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/radial-tree-layout">Radial tree layout</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/symmetric-layout">Symmetric layout</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/line-distribution">Line Distribution</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/layout/linear-arrangement">Linear Arrangement</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram-classic/accessibility">Accessibility</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/commands">Commands</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/undo-redo">Undo Redo</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/events">Events</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/virtualization">Virtualization</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/serialization">Serialization</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/export">Printing and Exporting</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/tool-tip">Tooltip</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/layers">Layers</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/context-menu">Context Menu</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/ruler">Ruler</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/user-handle">User Handles</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/style">CSS Structure</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/symbol-palette">Symbol Palette</a>
				<ul>
					<li> <a href="/blazor/diagram/symbol-palette/customization">Customization</a></li>
				</ul>
			</li>
			<li>
				<a href="/blazor/diagram-classic/overview">Overview Control</a>
			</li>
			<li>
				<a href="/blazor/diagram-classic/methods">Diagram Methods</a>
			</li>
			<li>How To
				<ul>
					<li>
						<a href="/blazor/diagram-classic/howTo/style">Styling and Appearance</a>
					</li>
					<li>
						<a href="/blazor/diagram-classic/howTo/blazor-web-assembly-diagram">Blazor WebAssembly Diagram</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/cr/blazor/Syncfusion.Blazor.Diagrams.SfDiagram.html"> API Reference</a>
			</li>
		</ul>
	</li>
	<li>Release Notes
                <ul><li>2024 Volume 4 - 28.*<ul><li><a href="/blazor/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="/blazor/release-notes/27.2.4">27.2.4</a></li><li><a href="/blazor/release-notes/27.2.3">27.2.3</a></li><li><a href="/blazor/release-notes/27.1.58">27.1.58</a></li><li><a href="/blazor/release-notes/27.1.57">27.1.57</a></li><li><a href="/blazor/release-notes/27.1.56">27.1.56</a></li><li><a href="/blazor/release-notes/27.1.55">27.1.55</a></li><li><a href="/blazor/release-notes/27.1.53">27.1.53</a></li><li><a href="/blazor/release-notes/27.1.52">27.1.52</a></li><li><a href="/blazor/release-notes/27.1.51">27.1.51</a></li><li><a href="/blazor/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/blazor/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/blazor/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="/blazor/release-notes/26.2.14">26.2.14</a></li><li><a href="/blazor/release-notes/26.2.13">26.2.13</a></li><li><a href="/blazor/release-notes/26.2.12">26.2.12</a></li><li><a href="/blazor/release-notes/26.2.11">26.2.11</a></li><li><a href="/blazor/release-notes/26.2.10">26.2.10</a></li><li><a href="/blazor/release-notes/26.2.9">26.2.9</a></li><li><a href="/blazor/release-notes/26.2.8">26.2.8</a></li><li><a href="/blazor/release-notes/26.2.7">26.2.7</a></li><li><a href="/blazor/release-notes/26.2.5">26.2.5</a></li><li><a href="/blazor/release-notes/26.1.42">26.1.42</a></li><li><a href="/blazor/release-notes/26.1.41">26.1.41</a></li><li><a href="/blazor/release-notes/26.1.40">26.1.40</a></li><li><a href="/blazor/release-notes/26.1.39">26.1.39</a></li><li><a href="/blazor/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/blazor/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/blazor/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="/blazor/release-notes/25.2.7">25.2.7</a></li><li><a href="/blazor/release-notes/25.2.6">25.2.6</a></li><li><a href="/blazor/release-notes/25.2.5">25.2.5</a></li><li><a href="/blazor/release-notes/25.2.4">25.2.4</a></li><li><a href="/blazor/release-notes/25.1.42">25.1.42</a></li><li><a href="/blazor/release-notes/25.1.41">25.1.41</a></li><li><a href="/blazor/release-notes/25.1.40">25.1.40</a></li><li><a href="/blazor/release-notes/25.1.39">25.1.39</a></li><li><a href="/blazor/release-notes/25.1.38">25.1.38</a></li><li><a href="/blazor/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/blazor/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/blazor/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li><li>2023 Volume 4 - 24.*<ul><li>Weekly Nuget Release <ul><li><a href="/blazor/release-notes/24.2.9">24.2.9</a></li><li><a href="/blazor/release-notes/24.2.8">24.2.8</a></li><li><a href="/blazor/release-notes/24.2.7">24.2.7</a></li><li><a href="/blazor/release-notes/24.2.6">24.2.6</a></li><li><a href="/blazor/release-notes/24.2.5">24.2.5</a></li><li><a href="/blazor/release-notes/24.2.4">24.2.4</a></li><li><a href="/blazor/release-notes/24.1.47">24.1.47</a></li><li><a href="/blazor/release-notes/24.1.46">24.1.46</a></li><li><a href="/blazor/release-notes/24.1.45">24.1.45</a></li><li><a href="/blazor/release-notes/24.1.44">24.1.44</a></li><li><a href="/blazor/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/blazor/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/blazor/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li><li>2023 Volume 3 - 23.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/23.1.44">23.1.44</a></li><li><a href="/blazor/release-notes/23.1.43">23.1.43</a></li><li><a href="/blazor/release-notes/23.1.42">23.1.42</a></li><li><a href="/blazor/release-notes/23.1.41">23.1.41</a></li><li><a href="/blazor/release-notes/23.1.40">23.1.40</a></li><li><a href="/blazor/release-notes/23.1.39">23.1.39</a></li><li><a href="/blazor/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/blazor/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/blazor/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li><li>2023 Volume 2 - 22.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/22.2.12">22.2.12</a></li><li><a href="/blazor/release-notes/22.2.11">22.2.11</a></li><li><a href="/blazor/release-notes/22.2.10">22.2.10</a></li><li><a href="/blazor/release-notes/22.2.9">22.2.9</a></li><li><a href="/blazor/release-notes/22.2.8">22.2.8</a></li><li><a href="/blazor/release-notes/22.2.7">22.2.7</a></li><li><a href="/blazor/release-notes/22.1.39">22.1.39</a></li><li><a href="/blazor/release-notes/22.1.38">22.1.38</a></li><li><a href="/blazor/release-notes/22.1.37">22.1.37</a></li><li><a href="/blazor/release-notes/22.1.36">22.1.36</a></li></ul></li><li><a href="/blazor/release-notes/22.2.5">22.2.5 Service Pack Release</a></li><li><a href="/blazor/release-notes/22.1.34">22.1.34 Main Release</a></li></ul></li><li>2023 Volume 1 - 21.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/21.2.10">21.2.10</a></li><li><a href="/blazor/release-notes/21.2.9">21.2.9</a></li><li><a href="/blazor/release-notes/21.2.8">21.2.8</a></li><li><a href="/blazor/release-notes/21.2.6">21.2.6</a></li><li><a href="/blazor/release-notes/21.2.5">21.2.5</a></li><li><a href="/blazor/release-notes/21.2.4">21.2.4</a></li><li><a href="/blazor/release-notes/21.1.41">21.1.41</a></li><li><a href="/blazor/release-notes/21.1.39">21.1.39</a></li><li><a href="/blazor/release-notes/21.1.38">21.1.38</a></li><li><a href="/blazor/release-notes/21.1.37">21.1.37</a></li></ul></li><li><a href="/blazor/release-notes/21.2.3">21.2.3 Service Pack Release</a></li><li><a href="/blazor/release-notes/21.1.35">21.1.35 Main Release</a></li></ul></li>
				<li>2022 Volume 4 - 20.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/20.4.53">20.4.53</a></li><li><a href="/blazor/release-notes/20.4.52">20.4.52</a></li><li><a href="/blazor/release-notes/20.4.51">20.4.51</a></li><li><a href="/blazor/release-notes/20.4.50">20.4.50</a></li><li><a href="/blazor/release-notes/20.4.49">20.4.49</a></li><li><a href="/blazor/release-notes/20.4.44">20.4.44</a></li><li><a href="/blazor/release-notes/20.4.43">20.4.43</a></li><li><a href="/blazor/release-notes/20.4.42">20.4.42</a></li><li><a href="/blazor/release-notes/20.4.41">20.4.41</a></li><li><a href="/blazor/release-notes/20.4.40">20.4.40</a></li></ul></li><li><a href="/blazor/release-notes/20.4.48">20.4.48 Service Pack Release</a></li><li><a href="/blazor/release-notes/20.4.38">20.4.38 Main Release</a></li></ul></li><li>2022 Volume 3 - 20.3.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/20.3.61">20.3.61</a></li><li><a href="/blazor/release-notes/20.3.60">20.3.60</a></li><li><a href="/blazor/release-notes/20.3.59">20.3.59</a></li><li><a href="/blazor/release-notes/20.3.58">20.3.58</a></li><li><a href="/blazor/release-notes/20.3.57">20.3.57</a></li><li><a href="/blazor/release-notes/20.3.52">20.3.52</a></li><li><a href="/blazor/release-notes/20.3.50">20.3.50</a></li><li><a href="/blazor/release-notes/20.3.49">20.3.49</a></li><li><a href="/blazor/release-notes/20.3.48">20.3.48</a></li></ul></li><li><a href="/blazor/release-notes/20.3.56">20.3.56 Service Pack Release</a></li><li><a href="/blazor/release-notes/20.3.47">20.3.47 Main Release</a></li></ul></li><li>2022 volume 2 - 20.2.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/20.2.50">20.2.50</a></li><li><a href="/blazor/release-notes/20.2.49">20.2.49</a></li><li><a href="/blazor/release-notes/20.2.48">20.2.48</a></li><li><a href="/blazor/release-notes/20.2.46">20.2.46</a></li><li><a href="/blazor/release-notes/20.2.45">20.2.45</a></li><li><a href="/blazor/release-notes/20.2.44">20.2.44</a></li><li><a href="/blazor/release-notes/20.2.40">20.2.40</a></li><li><a href="/blazor/release-notes/20.2.39">20.2.39</a></li><li><a href="/blazor/release-notes/20.2.38">20.2.38</a></li></ul></li><li><a href="/blazor/release-notes/20.2.43">20.2.43 Service Pack Release</a></li><li><a href="/blazor/release-notes/20.2.36">20.2.36 Main Release </a></li></ul></li><li>2022 volume 1 - 20.1.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/20.1.61">20.1.61</a></li><li><a href="/blazor/release-notes/20.1.60">20.1.60</a></li><li><a href="/blazor/release-notes/20.1.59">20.1.59</a></li><li><a href="/blazor/release-notes/20.1.58">20.1.58</a></li><li><a href="/blazor/release-notes/20.1.57">20.1.57</a></li><li><a href="/blazor/release-notes/20.1.56">20.1.56</a></li><li><a href="/blazor/release-notes/20.1.52">20.1.52</a></li><li><a href="/blazor/release-notes/20.1.51">20.1.51</a></li><li><a href="/blazor/release-notes/20.1.50">20.1.50</a></li><li><a href="/blazor/release-notes/20.1.48">20.1.48</a></li></ul></li><li><a href="/blazor/release-notes/20.1.55">20.1.55 Service Pack Release</a></li><li><a href="/blazor/release-notes/20.1.47">20.1.47 Main Release</a></li></ul></li><li>2021 Volume 4 - 19.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.4.56">19.4.56</a></li><li><a href="/blazor/release-notes/19.4.55">19.4.55</a></li><li><a href="/blazor/release-notes/19.4.54">19.4.54</a></li><li><a href="/blazor/release-notes/19.4.53">19.4.53</a></li><li><a href="/blazor/release-notes/19.4.52">19.4.52</a></li><li><a href="/blazor/release-notes/19.4.50">19.4.50</a></li><li><a href="/blazor/release-notes/19.4.47">19.4.47</a></li><li><a href="/blazor/release-notes/19.4.43">19.4.43</a></li><li><a href="/blazor/release-notes/19.4.42">19.4.42</a></li><li><a href="/blazor/release-notes/19.4.41">19.4.41</a></li><li><a href="/blazor/release-notes/19.4.40">19.4.40</a></li></ul></li><li><a href="/blazor/release-notes/19.4.48">19.4.48 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.4.38">19.4.38 Main Release</a></li></ul></li><li>2021 volume 3 - 19.3.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.3.59">19.3.59</a></li><li><a href="/blazor/release-notes/19.3.57">19.3.57</a></li><li><a href="/blazor/release-notes/19.3.56">19.3.56</a></li><li><a href="/blazor/release-notes/19.3.55">19.3.55</a></li><li><a href="/blazor/release-notes/19.3.54">19.3.54</a></li><li><a href="/blazor/release-notes/19.3.48">19.3.48</a></li><li><a href="/blazor/release-notes/19.3.47">19.3.47</a></li><li><a href="/blazor/release-notes/19.3.46">19.3.46</a></li><li><a href="/blazor/release-notes/19.3.45">19.3.45</a></li><li><a href="/blazor/release-notes/19.3.44">19.3.44</a></li></ul></li><li><a href="/blazor/release-notes/19.3.53">19.3.53 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.3.43">19.3.43 Main Release</a></li></ul></li><li>2021 Volume 2 - 19.2.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.2.62">19.2.62</a></li><li><a href="/blazor/release-notes/19.2.60">19.2.60</a></li><li><a href="/blazor/release-notes/19.2.59">19.2.59</a></li><li><a href="/blazor/release-notes/19.2.57">19.2.57</a></li><li><a href="/blazor/release-notes/19.2.56">19.2.56</a></li><li><a href="/blazor/release-notes/19.2.51">19.2.51</a></li><li><a href="/blazor/release-notes/19.2.49">19.2.49</a></li><li><a href="/blazor/release-notes/19.2.48">19.2.48</a></li><li><a href="/blazor/release-notes/19.2.47">19.2.47</a></li><li><a href="/blazor/release-notes/19.2.46">19.2.46</a></li></ul></li><li><a href="/blazor/release-notes/19.2.55">19.2.55 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.2.44">19.2.44 Main Release</a></li></ul></li><li>2021 volume 1 - 19.1.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.1.69">19.1.69</a></li><li><a href="/blazor/release-notes/19.1.67">19.1.67</a></li><li><a href="/blazor/release-notes/19.1.66">19.1.66</a></li><li><a href="/blazor/release-notes/19.1.65">19.1.65</a></li><li><a href="/blazor/release-notes/19.1.64">19.1.64</a></li><li><a href="/blazor/release-notes/19.1.59">19.1.59</a></li><li><a href="/blazor/release-notes/19.1.58">19.1.58</a></li><li><a href="/blazor/release-notes/19.1.57">19.1.57</a></li><li><a href="/blazor/release-notes/19.1.56">19.1.56</a></li><li><a href="/blazor/release-notes/19.1.55">19.1.55</a></li></ul></li><li><a href="/blazor/release-notes/19.1.63">19.1.63 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.1.54">19.1.54 Main release</a></li></ul></li>
				    <li>2020 volume 4 - 18.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.4.49">18.4.49</a></li><li><a href="/blazor/release-notes/18.4.48">18.4.48</a></li><li><a href="/blazor/release-notes/18.4.47">18.4.47</a></li><li><a href="/blazor/release-notes/18.4.46">18.4.46</a></li><li><a href="/blazor/release-notes/18.4.44">18.4.44</a></li><li><a href="/blazor/release-notes/18.4.43">18.4.43</a></li><li><a href="/blazor/release-notes/18.4.42">18.4.42</a></li><li><a href="/blazor/release-notes/18.4.41">18.4.41</a></li><li><a href="/blazor/release-notes/18.4.35">18.4.35</a></li><li><a href="/blazor/release-notes/18.4.34">18.4.34</a></li><li><a href="/blazor/release-notes/18.4.33">18.4.33</a></li><li><a href="/blazor/release-notes/18.4.32">18.4.32</a></li><li><a href="/blazor/release-notes/18.4.31">18.4.31</a></li></ul></li><li><a href="/blazor/release-notes/18.4.39">18.4.39 Service Pack Release</a></li><li><a href="/blazor/release-notes/18.4.30">18.4.30 Main Release</a></li></ul></li>
					<li>2020 volume 3 - 18.3.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.3.53">18.3.53</a></li><li><a href="/blazor/release-notes/18.3.52">18.3.52</a></li><li><a href="/blazor/release-notes/18.3.51">18.3.51</a></li><li><a href="/blazor/release-notes/18.3.50">18.3.50</a></li><li><a href="/blazor/release-notes/18.3.48">18.3.48</a></li><li><a href="/blazor/release-notes/18.3.44">18.3.44</a></li><li><a href="/blazor/release-notes/18.3.42">18.3.42</a></li><li><a href="/blazor/release-notes/18.3.41">18.3.41</a></li><li><a href="/blazor/release-notes/18.3.40">18.3.40</a></li><li><a href="/blazor/release-notes/18.3.38">18.3.38</a></li></ul></li><li><a href="/blazor/release-notes/18.3.47">18.3.47 Service Pack Release</a></li><li><a href="/blazor/release-notes/18.3.35">18.3.35 Main release</a></li></ul></li>
					<li>2020 volume 2 - 18.2.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.2.59">18.2.59</a></li><li><a href="/blazor/release-notes/18.2.58">18.2.58</a></li><li><a href="/blazor/release-notes/18.2.57">18.2.57</a></li><li><a href="/blazor/release-notes/18.2.56">18.2.56</a></li><li><a href="/blazor/release-notes/18.2.55">18.2.55</a></li><li><a href="/blazor/release-notes/18.2.54">18.2.54</a></li><li><a href="/blazor/release-notes/18.2.48">18.2.48</a></li><li><a href="/blazor/release-notes/18.2.47">18.2.47</a></li><li><a href="/blazor/release-notes/18.2.46">18.2.46</a></li><li><a href="/blazor/release-notes/18.2.45">18.2.45</a></li></ul></li><li><a href="/blazor/release-notes/18.2.44">18.2.44 Main Release</a></li></ul></li>
					<li>2020 volume 1 - 18.1.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.1.59">18.1.59</a></li><li><a href="/blazor/release-notes/18.1.58">18.1.58</a></li><li><a href="/blazor/release-notes/18.1.57">18.1.57</a></li><li><a href="/blazor/release-notes/18.1.56">18.1.56</a></li><li><a href="/blazor/release-notes/18.1.55">18.1.55</a></li><li><a href="/blazor/release-notes/18.1.54">18.1.54</a></li><li><a href="/blazor/release-notes/18.1.53">18.1.53</a></li><li><a href="/blazor/release-notes/18.1.48">18.1.48</a></li><li><a href="/blazor/release-notes/18.1.46">18.1.46</a></li><li><a href="/blazor/release-notes/18.1.45">18.1.45</a></li><li><a href="/blazor/release-notes/18.1.44">18.1.44</a></li><li><a href="/blazor/release-notes/18.1.43">18.1.43</a></li></ul></li><li><a href="/blazor/release-notes/18.1.52">18.1.52 Service Pack Release</a></li><li><a href="/blazor/release-notes/18.1.42">18.1.42 Main Release</a></li><li><a href="/blazor/release-notes/18.1.36">18.1.36 Beta Release</a></li></ul></li>
					<li>2019 volume 4 - 17.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/17.4.55">17.4.55</a></li><li><a href="/blazor/release-notes/17.4.54">17.4.54</a></li><li><a href="/blazor/release-notes/17.4.53">17.4.53</a></li><li><a href="/blazor/release-notes/17.4.51">17.4.51</a></li><li><a href="/blazor/release-notes/17.4.50">17.4.50</a></li><li><a href="/blazor/release-notes/17.4.49">17.4.49</a></li><li><a href="/blazor/release-notes/17.4.47">17.4.47</a></li><li><a href="/blazor/release-notes/17.4.44">17.4.44</a></li><li><a href="/blazor/release-notes/17.4.43">17.4.43</a></li><li><a href="/blazor/release-notes/17.4.42">17.4.42</a></li><li><a href="/blazor/release-notes/17.4.41">17.4.41</a></li><li><a href="/blazor/release-notes/17.4.40">17.4.40</a></li></ul></li><li><a href="/blazor/release-notes/17.4.46">17.4.46 Service Pack Release</a></li><li><a href="/blazor/release-notes/17.4.39">17.4.39 Main Release</a></li></ul></li>
					<li>2019 Volume 3 - 17.3.*
						<ul>
						    <li> Weekly Nuget Release
						        <ul><li><a href="/blazor/release-notes/17.3.28">17.3.28</a></li><li><a href="/blazor/release-notes/17.3.27">17.3.27</a></li>
						            <li><a href="/blazor/release-notes/17.3.21">17.3.21</a></li>
						            <li><a href="/blazor/release-notes/17.3.19">17.3.19</a></li>
						            <li><a href="/blazor/release-notes/17.3.17">17.3.17</a></li>
						      </ul>
						  </li>
						    <li><a href="/blazor/release-notes/17.3.26">17.3.26 Service Pack Release</a></li>
							<li><a href="/blazor/release-notes/17.3.14">17.3.14 Main Release </a></li>
							<li><a href="/blazor/release-notes/17.3.10">17.3.10 Beta Release </a></li>
							<li><a href="/blazor/release-notes/17.3.9">17.3.9 Beta Release </a></li>
						</ul>
					</li>
					<li> 2019 Volume 2 - 17.2.*
						<ul>
							<li> Weekly NuGet Release
								<ul>
								    <li><a href="/blazor/release-notes/17.2.52">17.2.52</a></li>
								    <li><a href="/blazor/release-notes/17.2.50">17.2.50</a></li>
									<li><a href="/blazor/release-notes/17.2.49">17.2.49</a></li>
									<li> <a href="/blazor/release-notes/17.2.47">17.2.47</a></li>
								    <li> <a href="/blazor/release-notes/17.2.40">17.2.40</a></li>
								    <li> <a href="/blazor/release-notes/17.2.39">17.2.39</a></li>
									<li> <a href="/blazor/release-notes/17.2.36">17.2.36</a></li>
									<li> <a href="/blazor/release-notes/17.2.35">17.2.35</a></li>
								</ul>
							</li>
							<li> <a href="/blazor/release-notes/17.2.46">17.2.46 Service Pack Release</a></li>
							<li> <a href="/blazor/release-notes/17.2.34">17.2.34 Main Release</a></li>
							<li> <a href="/blazor/release-notes/17.2.28">17.2.28 Beta Release</a></li>
						</ul>
					</li>
					<li> 2019 Volume 1 - 17.1.*
						<ul>
							<li> Weekly NuGet Release
								<ul>
									<li> <a href="/blazor/release-notes/17.1.53">17.1.53</a></li>
									<li> <a href="/blazor/release-notes/17.1.52">17.1.52</a></li>
									<li> <a href="/blazor/release-notes/17.1.51">17.1.51</a></li>
									<li> <a href="/blazor/release-notes/17.1.50">17.1.50</a></li>
									<li> <a href="/blazor/release-notes/17.1.49">17.1.49</a></li>
									<li> <a href="/blazor/release-notes/17.1.48">17.1.48</a></li>
									<li> <a href="/blazor/release-notes/17.1.44">17.1.44</a></li>
									<li> <a href="/blazor/release-notes/17.1.43">17.1.43</a></li>
									<li> <a href="/blazor/release-notes/17.1.42">17.1.42</a></li>
								</ul>
							</li>
							<li> <a href="/blazor/release-notes/17.1.47">17.1.47 Service Pack Release</a></li>
							<li> <a href="/blazor/release-notes/17.1.38">17.1.38 Main Release</a></li>
							<li> <a href="/blazor/release-notes/17.1.34">17.1.34 Beta Release</a></li>
							<li> <a href="/blazor/release-notes/17.1.32">17.1.32 Beta Release</a></li>
						</ul>
					</li>
					      </ul>
            </li>
</ul>