Repository Description
This repository contains a quick‑start Blazor WebAssembly sample that demonstrates how to integrate and configure the Syncfusion Blazor Splitter component to create flexible, resizable layouts.
The Blazor Splitter is a layout user interface (UI) component that provides resizable, expandable, collapsible, and nestable panes. This project helps developers get started with the Syncfusion Splitter component in a Blazor WebAssembly application. It includes sample code to resize, collapse, and expand panes, as well as render nested split panes.
The purpose of this project is to help developers understand the basic usage and configuration of the Syncfusion Blazor Splitter component. It demonstrates how to structure page layouts using multiple panes that users can resize or collapse based on their requirements.
- Resizable, expandable, and collapsible panes
- Support for nested split panes
- Flexible layout management for complex UI scenarios
- User‑controlled pane sizing
- Visual Studio 2022
- Check out or clone this project to a local directory.
- Open the solution file using Visual Studio 2022.
- Restore NuGet packages by rebuilding the solution.
- Build and run the project to view the Blazor Splitter component in action.
Run the application and interact with the splitter panes to resize, collapse, and expand sections dynamically. Nested panes can also be explored to understand complex layout arrangements.
- Ensure the correct .NET SDK and Visual Studio version are installed.
- Restore NuGet packages if build errors occur.
- Rebuild the solution if layout changes are not reflected.
- Check browser developer tools for runtime or rendering errors.
For detailed API references, configuration options, and advanced usage examples, refer to the Syncfusion Blazor documentation and community resources listed above.
The size of a pane can be specified by users in either pixels or a percentage, with a minimum and maximum range of values, to allow for the sizing of its child component or content.
The Splitter state can be saved and loaded thanks to state management. As opposed to having its properties declared declaratively, the Splitter will render based on a state that the user provides.
The Blazor Splitter component comes with built-in support for expanding or contracting panes. Individual windows can be resized by users with validation for minimum and maximum sizes.
Learn More about Blazor Splitter
Suggest a feature or report a bug
The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Splitter, we provide popular Blazor Components such as DataGrid,Charts, Scheduler, Diagram, Word Processor, and more.
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 28,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.
Today, we provide 1700+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and .NET MAUI), and desktop development (WinForms, WPF, WinUI, Flutter and UWP, and .NET MAUI). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.
sales@syncfusion.com | www.syncfusion.com| Toll Free: 1-888-9 DOTNET