Interface to configure pane properties such as its content, size, min, max, resizable, collapsed and collapsible.
boolean
Specifies whether a pane is collapsed or not collapsed at the initial rendering of splitter.
import { render } from "react-dom";
import * as React from "react";
import { SampleBase } from "./sample-base";
import { SplitterComponent, PanesDirective, PaneDirective } from "@syncfusion/ej2-react-layouts";
export class Basic extends SampleBase<{}, {}> {
}
public render(): JSX.Element {
return (
<SplitterComponent height="100px">
<PanesDirective>
<PaneDirective collapsed={false}/>
<PaneDirective collapsed={true}/>
</PanesDirective>
</SplitterComponent>
);
}
}
Defaults to false
boolean
Specifies whether a pane is collapsible or not collapsible.
import { render } from "react-dom";
import * as React from "react";
import { SampleBase } from "./sample-base";
import { SplitterComponent, PanesDirective, PaneDirective } from "@syncfusion/ej2-react-layouts";
export class Basic extends SampleBase<{}, {}> {
}
public render(): JSX.Element {
return (
<SplitterComponent height="100px">
<PanesDirective>
<PaneDirective collapsible={true}/>
<PaneDirective collapsible={true}/>
</PanesDirective>
</SplitterComponent>
);
}
}
Defaults to false
string
| HTMLElement
Specifies the content of split pane as plain text, HTML markup, or any other JavaScript controls.
Defaults to ”
string
Specifies the CSS class names that defines specific user-defined styles and themes to be appended on corresponding pane of the Splitter. It is used to customize the Splitter control panes. One or more custom CSS classes can be specified to the Splitter panes.
Defaults to ”
string
Specifies the maximum size of a pane. The pane cannot be resized if it is more than the specified maximum limit.
Defaults to null
string
Specifies the minimum size of a pane. The pane cannot be resized if it is less than the specified minimum size.
Defaults to null
boolean
Specifies the value whether a pane is resizable. By default, the Splitter is resizable in all panes. You can disable this for any specific panes using this property.
Defaults to true
string
Configures the properties for each pane.
Defaults to ”