Represents individual resizable/collapsible panes.
Igx Module
IgxSplitterModule
Igx Keywords
pane
Igx Group
presentation

Remarks

[object Object]

Constructors

Section titled "Constructors"

IgxSplitterPaneComponent

new IgxSplitterPaneComponent(): IgxSplitterPaneComponent

Returns IgxSplitterPaneComponent

Properties

Section titled "Properties"

collapsedChange

Section titled "collapsedChange"

Event fired when collapsed state of pane is changed.

 
collapsedChange: EventEmitter<boolean>

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:104

Example

<igx-splitter>
 <igx-splitter-pane (collapsedChange)='paneCollapsedChange($event)'>...</igx-splitter-pane>
</igx-splitter>

resizable

Section titled "resizable"

Gets/Sets whether pane is resizable.

 
resizable: boolean = true

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:91

Remarks

If pane is not resizable its related splitter bar cannot be dragged.

Example

<igx-splitter>
 <igx-splitter-pane [resizable]='false'>...</igx-splitter-pane>
</igx-splitter>

collapsed

Section titled "collapsed" 
collapsed: boolean

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:215, projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:228

maxSize

Section titled "maxSize" 
maxSize: string

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:68, projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:71

minSize

Section titled "minSize" 
minSize: string

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:47, projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:50

size

Section titled "size" 
size: string

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:163, projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:167

Methods

Section titled "Methods"

toggle

Section titled "toggle"

Toggles the collapsed state of the pane.

toggle(): void

Defined in projects/igniteui-angular/splitter/src/splitter/splitter-pane/splitter-pane.component.ts:244

Returns void

Example

pane.toggle();