@page "/splitter"
@page "/docs/guides/components/splitter.html"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Splitter
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>Splitter</strong> component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo nested splitters create a complex layout with <strong>vertical</strong> top-level splitter containing <strong>horizontal</strong> splitters, demonstrating pane <code>Size</code>, <code>Min</code>, <code>Max</code>, <code>Resizable</code>, <code>Collapsible</code>, and <code>Visible</code> properties, with <code>Collapse</code>, <code>Expand</code>, and <code>Resize</code> events logged to console. <strong>Tip:</strong> Double-click the splitter bar to quickly collapse or expand collapsible panes.
</RadzenText>

<RadzenExample ComponentName="Splitter" Example="SplitterConfig">
    <SplitterConfig />
</RadzenExample>
