New to Telerik UI for BlazorStart a free 30-day trial

A component that arranges content into resizable panes separated by draggable split bars. Configure orientation via SplitterOrientation and size with Width/Height; define panes through SplitterPanes using SplitterPane. Emits pane lifecycle events: OnResize after a pane is resized, OnExpand when a pane is expanded, and OnCollapse when a pane is collapsed. Supports pane options (size/min/max/collapsible/visible/resizable), programmatic state get/set via GetState()/SetState(SplitterState), and ARIA labeling through AriaLabel. Children: SplitterPanes.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class TelerikSplitter : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikSplitter

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members BaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnInitialized()ComponentBase.OnParametersSet()ComponentBase.OnParametersSetAsync()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)...

Constructors

C#
public TelerikSplitter()

Methods

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

C#
public override void Dispose()

Overrides: BaseComponent.Dispose()

Gets the current state of the component.

C#
public SplitterState GetState()
Returns:

SplitterState

C#
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters:firstRenderboolReturns:

Task

Overrides: BaseComponent.OnAfterRenderAsync(bool)

Sets the new state of the component.

C#
public void SetState(SplitterState newState)
Parameters:newStateSplitterState

Properties

[Accessibility] Specifies the aria-label attribute of the component.

C#
[Parameter]
public string AriaLabel { get; set; }

Specifies the height of the component.

C#
[Parameter]
public string Height { get; set; }

The id of the component.

C#
[Parameter]
public string Id { get; set; }

The event that is triggered after a pane is collapsed.

C#
[Parameter]
public EventCallback<SplitterCollapseEventArgs> OnCollapse { get; set; }

The event that is triggered after a pane is expanded.

C#
[Parameter]
public EventCallback<SplitterExpandEventArgs> OnExpand { get; set; }

The event that is triggered after a pane is resized.

C#
[Parameter]
public EventCallback<SplitterResizeEventArgs> OnResize { get; set; }

Specifies the orientation of the component.

C#
[Parameter]
public SplitterOrientation Orientation { get; set; }

Specifies the splitter panes. Add SplitterPane tags inside this tag. Children: SplitterPane.

C#
[Parameter]
public RenderFragment SplitterPanes { get; set; }

Specifies the width of the component.

C#
[Parameter]
public string Width { get; set; }