constructor

• new IgxSplitterPaneComponent(el): IgxSplitterPaneComponent

• Parameters

  • el: ElementRef<any>

  Returns IgxSplitterPaneComponent

collapsedChange

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

resizable

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

collapsed

• get collapsed(): boolean

• Returns boolean

• set collapsed(value): void

• Gets/Sets whether current pane is collapsed.

  Example

  const isCollapsed = pane.collapsed;
  Copy

  Parameters

  • value: boolean

  Returns void

dragSize

• set dragSize(val): void

• Parameters

  • val: any

  Returns void

maxSize

• get maxSize(): string

• Gets/Set the maximum allowed size of the current pane.

  Example

  <igx-splitter>
   <igx-splitter-pane [maxSize]='maxSize'>...</igx-splitter-pane>
  </igx-splitter>
  Copy

  Returns string

• set maxSize(value): void

• Parameters

  • value: string

  Returns void

minSize

• get minSize(): string

• Gets/Sets the minimum allowed size of the current pane.

  Example

  <igx-splitter>
   <igx-splitter-pane [minSize]='minSize'>...</igx-splitter-pane>
  </igx-splitter>
  Copy

  Returns string

• set minSize(value): void

• Parameters

  • value: string

  Returns void

size

• get size(): string

• Gets/Sets the size of the current pane. *

  Example

  <igx-splitter>
   <igx-splitter-pane [size]='size'>...</igx-splitter-pane>
  </igx-splitter>
  Copy

  Returns string

• set size(value): void

• Parameters

  • value: string

  Returns void

toggle

• toggle(): void

• Toggles the collapsed state of the pane.

  Example

  pane.toggle();
  Copy

  Returns void